-
프론트엔드 공부할 때 도움이 될 거 같아서 정리하는 글 〰
하지만, 영상을 보시는게 더 정확합니다
영상은 이곳에서 확인 가능합니다💙진짜 오랜만에 글을 쓰는데 공부 글은 아니고 공부의 방향성을 잡기 좋을거 같아서 보고 정리하는 글이다 😈
사실 요즘 공부를 안하고 있지는 않은데, 거의 노션으로 정리하다보니 블로그에는 자주 못들어온당
요건 지나가시는 분들이 보면 좋을거 같아서 블로그에 정리 😅
프론트앤드 로드맵 (2023ver)
HTML, CSS, JavaScript
- 동시에 함께 공부한다.
- IE를 더이상 사용하지 않기 때문에 flex, grid를 학습하는 것이 좋다.
- 자바스크립트 강의
- 렛츠기릿 자바스크립트 (무료)
- 자바스크립트 고급강좌 (무료)
- DOM 공부 필요
- 제이쿼리
- 배워 둘 필요는 있다 (유지보수용)
Typescript, React, React Router
- 타입스크립트 올인원 강좌 (유료)
- 리덕스(툴킷) 필수다
- 아직까지 사용하는 기업이 많음.
- 이를 통해 최신 상태관리 라이브러리가 나옴 - Recoil, Zustand, Jotai
- CRA, Vite
- React 노드버드 - css in js, next.js, React query, SWR 배울 수 있음 (유료)
- 리액트 , 리액트 라우터 / 넥스트
- 둘다 많이 씀
- SSR 해야하면 넥스트를 거의 필수적으로 씀.
GraphQL
- 취향타고 배워도 좋고 안배워도 괜찮
- 프론트엔드가 알면 좋음.
Git / Github
전공자 CS
- 자료구조(필수)
- 알고리즘(선택)
- 네트워크(필수)
- 데이터베이스
- 운영체제
로드맵을 draw.io로 따로 만드셨던데 그건 개인 노션에 저장완료!
'TIL > ETC' 카테고리의 다른 글
Github : 레파지토리를 하나로 합치는 방법 (0) 2022.08.08 웹 퍼블리셔 실무 TIP (0) 2022.03.14 댓글