SSUMC 6기 WEB 스터디 A조
주차 |
내용 |
미션 |
1주차 |
HTML + CSS + JS |
회원가입 validation / Todo List (HTML, CSS, JS) |
2주차 |
React Basic |
Todo List / Movie Poster |
3주차 |
CSS-in-JS, React Router, API 통신 |
Movie Poster : api 통신 |
4주차 |
Handling Event & Conditional Rendering |
MovieDetailPage / NotFoundPage |
5주차 |
회원가입 유효성 검사 / API 호출을 통한 검색 기능 구현 |
회원가입 유효성 검사 / 영화 찾기 기능 구현 |
6주차 |
Debouncing / Throttling, Dynamic Routing을 활용한 통신 |
영화 페이지 개선 |
7주차 |
토큰, 웹 스토리지(로그인, 회원가입), Tanstack-Query(pagination, InfiniteScroll) |
SMUFLIX 영화 페이지 개선 |
8주차 |
Responsive Web Design, Deployment |
Movie 사이트 반응형으로 개선 |
9주차 |
Redux / Redux Toolkit |
redux-toolkit 활용 UMC PlayList |
10주차 |
Redux Toolkit 활용 API 통신 |
Redux Toolkit 활용 SMU PlayList |
항목 |
방법 |
상세 설명 |
키워드 정리 |
-> |
노션 |
미션 / 실습 |
-> |
깃허브 (주차 별 안내 사항 노션 공유) |
질문 |
-> |
카톡 |
├─main
├─yuyeong/main
│ └─yuyeong/1week
닉네임/main 브랜치
가 기본 브랜치로 pr 보낼 때 main 브랜치가 아닌 닉네임/main 브랜치로 올립니다.
- 매주 실습, 미션은 각자의 닉네임/main 브랜치를 base 브랜치로 삼아
닉네임/해당 주차 브랜치
를 생성하여 관련 파일을 업로드합니다.
- 모든 팀원들의 approve를 받으면, pr을 머지합니다. approve와 merge는 스터디 진행 중에 이루어집니다.
branch 명 : 닉네임 / 해당 주차
Message |
설명 |
mission |
미션 수행 |
practice |
실습 수행 |