curriculum

KO | EN

gitlite — search

#hacktoberfest #ai #llm #golang #go #machine-learning #deep-learning #java #awesome #kubernetes #vue #pytorch #mcp #open-source

(★ 87)

No description available.

파일 탐색기

최종 버전 다운로드 (.zip)

LICENSE
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 🥂 고량주 프론트엔드 12주 스터디 커리큘럼
> 프론트엔드 스터디 커리큘럼의 일부인 수강 목록을 많은 분들이 쉽게 접할 수 있게 작성한 문서입니다.  
> 작성 @[GO Lee](https://github.com/goleedev), @[MiryangJung](https://github.com/MiryangJung)

- [고량주 스터디란?](#고량주-스터디란)
- [0주차](#0주차)
- [1주차](#1주차)
- [2주차](#2주차)
- [3주차](#3주차)
- [4주차](#4주차)
- [5주차](#5주차)
- [6주차](#6주차)
- [7주차](#7주차)
- [8주차](#8주차)
- [9~11주차](#911주차)
- [12주차](#12주차)

## 고량주 스터디란?

저희는 주도적으로 학습하고 성취감을 얻으며 프론트엔드 개발의 매력과 개발자 자신의 능력을 기를 수 있는 로드맵을 제시하는 스터디입니다.  
매주 커리큘럼과 과제가 주어집니다. 본인의 속도에 맞추어 학습하며 자유로운 질문을 할 수 있습니다.  
슬랙과 게더타운을 이용해 혼자가 아닌 스터디원 모두 함께 성장해갈 수 있도록 합니다.

현재는 스터디가 종료된 상태이며, 추후 모집 계획은 없음을 밝힙니다.  
모두 행복하세요! ❤️‍🔥

## 0주차

스터디 준비 단계
- [CS50](https://www.youtube.com/channel/UCcabW7890RKJzL968QWEykA) 수강
    - [국문](https://www.boostcourse.org/cs112) 버전

## 1주차

- 추천 강의
  - [깃, 깃허브 제대로 배우기](https://www.youtube.com/watch?v=Z9dvM7qgN9s)
  - [팀 개발을 위한 Git, GitHub 입문](https://inf.run/QqnS)
- 참고 강의
  - [Git / GitHub 안내서](https://subicura.com/git/)
  - [가장 쉬운 Git 강좌 - (상) 혼자작업편](https://www.youtube.com/watch?v=FXDjmsiv8fI)

## 2주차

- 추천 강의
  - [비전공자를 위한 HTML/CSS](https://www.boostcourse.org/cs120)
    - 모든 태그와 속성을 외울 필요 없음.
- 참고 강의
    - [반응형 사이트 만들기 실습](https://inf.run/Pk6m)
        - HTML/CSS로 이루어진 반응형 웹사이트 만들기 강의 (무료)
    - [HTML, CSS, and JavaScript: The Big Picture](https://www.pluralsight.com/courses/html-css-javascript-big-picture)
        - 영어로 이루어진 강의(부분 무료인데 강의는 무료)
    - [이번에야말로 CSS Flex를 익혀보자](https://studiomeal.com/archives/197)
        - css flex에 대해 자세히 이해 가능 (무료)
    - [초보자를 위한 HTML 기초](https://inf.run/4ayc)
        - HTML에 대해 깊게 이해하기 (유료)
    - [Learn CSS!](https://web.dev/learn/css/)
        - CSS에 대해 자세히 공부하기 (무료)
        - 구글에서 만든 CSS학습 사이트
        - 영어 & 한국어 섞여있음
    - [100dayscss](https://100dayscss.com/)
        - CSS 챌린지
        - 학습 사이트 X
- 과제
  - [https://goryangju.github.io/html-css/](https://github.com/GoRyangJu/html-css)

## 3주차

- 추천 강의
  - [자바스크립트 기초 강의 (ES5+) - 드림코딩](https://www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2)
- 참고 강의
  - [자바스크립트 기초 강좌 : 100분 완성](https://youtu.be/KF6t61yuPCY) (무료)
    - 기초만 빠르게 훑기
  - [벨로퍼트와 함께하는 모던 자바스크립트 · GitBook](https://learnjs.vlpt.us/) (무료)
  - [JustJavascript](https://justjavascript.com/) (유료, 영어)
    - React 팀의 개발자가 만든 강좌
    - ~미량이 구매하고 아직도 안 본 강의~
  - [모던자바스크립트 딥다이브](https://inf.run/jsmg) (무료)
    - 《모던 자바스크립트 딥다이브》 책 내용을 그대로 따라가는 스터디 영상
  - [https://ko.javascript.info/](https://ko.javascript.info/) (무료)
    - [모던-javascript-튜토리얼-프로젝트](https://violetboralee.medium.com/%EB%AA%A8%EB%8D%98-javascript-%ED%8A%9C%ED%86%A0%EB%A6%AC%EC%96%BC-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-4338630fef35)

## 4주차

- 추천 강의
  - [자바스크립트 DOM & EVENT](https://youtube.com/playlist?list=PLZKTXPmaJk8JVQv3XSNF8yJMdsxbFrO3S)
- 참고 강의
  - [HTML/JS/CSS로 나만의 MBTI 사이트 만들기](https://edu.goorm.io/lecture/25652/%ED%95%98%EB%A3%A8-10%EB%B6%84-web-project-html-js-css%EB%A1%9C-%EB%82%98%EB%A7%8C%EC%9D%98-mbti-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0) (무료)
  - [부담 없이 쉽고 편하게, 자바스크립트 기초 정리!](https://edu.goorm.io/lecture/14938/%EB%B6%80%EB%8B%B4-%EC%97%86%EC%9D%B4-%EC%89%BD%EA%B3%A0-%ED%8E%B8%ED%95%98%EA%B2%8C-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B8%B0%EC%B4%88-%EC%A0%95%EB%A6%AC) (무료)
  - [코어자바스크립트](http://book.naver.com/bookdb/book_detail.naver?bid=15433261) (유료, 책)
- 과제
  - https://goryangju.github.io/html-css-js/

## 5주차

- 추천 강의
  - [Reactjs 강좌 - 코딩앙마](https://www.youtube.com/playlist?list=PLZKTXPmaJk8J_fHAzPLH8CJ_HO_M33e7-) (무료, 한글)
  - [React 완벽 가이드 - Udemy](https://www.udemy.com/course/best-react/) (유료, 영어 & 한글자막)
- 참고 강의
  - [벨로퍼트와 함께하는 모던 리액트](https://react.vlpt.us/) (무료, 블로그)
  - [러닝 리액트](http://book.naver.com/bookdb/book_detail.naver?bid=20648949) (유료, 책)

## 6주차

- 추천 강의
  - [처음 만난 리액트(React) v2  Mini Project 부분](https://www.youtube.com/playlist?list=PLo3AHtncM26y0qX58gjc_QrkYlBCzQ2R_)
  - [Complete Intro to React, v6](https://frontendmasters.com/courses/complete-react-v6/) (영어, 유료)
    - 프론트엔드마스터즈
    - 넷플릭스 등 Big tech 기업 개발자의 프론트엔드 강의를 들을 수 있다.
    - 유료이나 github 학생 계정인 경우 6개월 무료 수강 가능
- 참고 강의
  - [생활코딩 - React 2022 개정판](https://www.youtube.com/playlist?list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7)
  - [실전형 리액트 Hooks 10개](https://nomadcoders.co/react-hooks-introduction) (영어, 한글자막, 무료)
- 과제
  - https://github.com/GoRyangJu/Basic-React

## 7주차

- 추천 강의
  - [타입스크립트 핸드북](https://joshua1988.github.io/ts/)
    - 한 번에 이해하기 어렵습니다. 가볍게 보는 것을 추천드립니다.
  - [TypeScript Course for Beginners 2021 - Learn TypeScript from Scratch!](https://www.youtube.com/watch?v=BwuLxPH8IDs) (영어, 무료)
    - 전 세계적으로 유명한 강의!
- 참고 강의
  - [타입스크립트 기초 연습](https://velog.io/@velopert/typescript-basics)
  - [Typescript :기초부터 실전형 프로젝트까지 with React + NodeJS](https://www.udemy.com/course/best-typescript-21/)
    - 영어, 한글자막, 유료
    - 할인하면 12,000까지 내려감
  - [코딩앙마 Typescript 강좌(무료, 한국어)](https://www.youtube.com/playlist?list=PLZKTXPmaJk8KhKQ_BILr1JKCJbR0EGlx0)
  - [Typescript Handbook](https://typescript-kr.github.io/) (공식, 한글)
  - [이펙티브 타입스크립트(책)](http://book.naver.com/bookdb/book_detail.naver?bid=20611649)

## 8주차

- 추천 강의
  - [Redux Fundamentals (feat. React)](https://frontendmasters.com/courses/redux-fundamentals/)
    - 프론트엔드마스터즈
    - 넷플릭스 등 Big tech 기업의 개발자의 프론트엔드 강의를 들을 수 있다.
    - 유료이나 github 학생 계정인 경우 6개월 무료 수강 가능
- 참고 강의
  - [React Redux - 생활코딩](https://www.youtube.com/watch?v=yjuwpf7VH74)

## 9~11주차

- 강의 X, 셀프 토이 프로젝트 진행

## 12주차

- 강의 X, [Next.js로 나만의 블로그 만들기 핸즈온 세션](https://event-us.kr/miryang/event/42689) 라이브로 진행

curriculum

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

curriculum

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README