- 스터디를 진행하기 전, 워크북 내용들을 모두 채우고 스터디에서는 서로 모르는 내용들을 공유해 주세요.
- 미션은 워크북 내용들을 모두 완료하고 나서 스터디 전에 진행해 오세요.
- 스터디 시간에는 각자 해 온 미션들을 공유하고, 이후 30분 동안은 스터디 미션을 진행해 주세요.
3-1. 각자 미션을 하면서 해결하지 못한 이슈 공유
3-2. 스터디 미션 후 피드백 진행
베스트 워크북으로 선정된 주차는 ⭐로 표시한다.
워크북 바로가기
Chapter 1. HTML + CSS ⭐
- Web이 무엇인지 인지하고, Web에 대해 이해한다.
- HTML, CSS가 뭔지 역할을 이해한다.
Chapter 2. 퍼블리싱 심화 및 자바스크립트 기초 + 리액트 사전준비(환경구축)
- JavaScript 문법을 학습하고 활용한다.
- JavaScript의 동기/비동기 처리 개념을 이해한다.
- 리액트 실습을 위한 환경 설정을 완료한다.
Chapter 3. 리액트 기초 및 기본 요소
- React의 기초에 대해 배워봅시다.
- React를 구성하는 기본 요소인 Element, Compoenent, Props에 대해서 이해해 봅시다.
Chapter 4. CSS 라이브러리 ⭐
- CSS-in-JS에 대해서 이해하고 기존의 CSS를 해당 방식으로 수정할 수 있다.
- esLint와 Prettier에 대해 이해하고 활용할 수 있다.
Chapter 5. Handling Event & Conditional Rendering ⭐
- Event Handling 함수에 대해 이해하고 활용할 수 있다.
- Conditional Rendering과 Inline if문에 대해 이해하고 활용할 수 있다.
Chapter 6. LifeCycle & Hook ⭐
- State와 LifeCyle에 대해 이해해봅시다.
- Hooks의 종류에 대해 배워봅시다.
- 상태관리 방법에 대해 배워봅시다.
Chapter 7. 데이터처리 (List and Keys, Forms) ⭐
- List와 Form을 사용해서 데이터를 처리하는 방법을 알 수 있다.
- List와 Form을 사용할 때 주의할 점을 알 수 있다.
Chapter 8. API와 서버 통신 ⭐
- API의 개념에 대해 알고, API를 사용할 수 있다.
Chapter 9. 토근, 웹 스토리지 그리고 로그인 ⭐
- 토큰의 개념을 이해하고 토큰을 활용할 수 있다.
- 웹 스토리지의 2가지 종류를 비교하고 이해한 후 활용할 수 있다.
- 토큰과 웹 스토리지를 활용하여 로그인 상태를 관리한다.
Chapter 10. 웹(프론트엔드) 배포 ⭐
- 웹 배포를 이해하고 실제 웹 페이지를 배포해본다.