카테고리 없음
프론트엔드 공부 로드맵
개발하는 몽키
2024. 12. 20. 01:17
공부비율 : HTML 20% CSS 20% JS 60% -> JS를 중점적으로 공부하기
TypeScript ❌(Js 쓰다가 불편한 점을 보완한 언어인데 지금 배우지 않기)
HTML, CSS 태그와 기능 달달 암기❌
➡️ 배운걸 바탕으로 작은 프로젝트 만들어보기 (ex. 달력, 계산기, 퀴즈풀기, todoList)
< 어느정도 했으면 JS와 친해지기 >
Js 더 배워야함
1. ES6 문법 익숙해지기
2. async , await에 익숙해지기(어려울꺼임. 언젠간 해야하는과정임)
3. map, reduce, filter 익숙해지기
이때도 TypeScript ❌
Framework || Library 배우기
React.js 배우기 (Svelt.js는 호기심 생기면 하기, 살짝 주저)
Next.js ❌
상태관리 배우기 ❌ (Redux vs Mobx 구글링❌)
< 뭔가 할줄암, 감이옴, 뭔가는 만들 수 있을꺼같음 >
Restful API 공부하기 (서버요청, 응답 배우기)
fetch 배우기
fetch 감 잡았으면 axios 배우기
GraphQL❌(이거 할 타이밍은 아직 아님)
< 실제로 working 하는 프로젝트 만들 수 있음 >
➡️ 프로젝트 만들어보기
1. 주식시세 받아와서 표시하기 (yahoo finance)
2. 날씨 앱 만들기