개발자 테크트리 <프론트엔드> , <백엔드>

[프론트엔드 - 테크트리]

1. HTML, CSS, Javascript 문법 익히기

2. 브라우저에 대한 이해 & 렌더링 방식 이해

3. 간단한 프로젝트(+Git)

4. 객체 지향 프로그래밍(OOP) 공부하면서 자바스크립트로 코딩해보기

5. 웹 프레임워크로 React.js 공부 (+npm)

6. React를 이용한 프로젝트

7. 서버 공부하기(네트워크, HTTP, 인증)

8. 서버 구축 혹은 테스트용 서버를 이용한 프로젝트

9. CSR, SSR 방식에 대해 공부하기

10. 웹 번들링 도구인 Webpack, Babel 공부하고 React에 적용해보기

11. 타입스크립트, 혹은 모바일 어플리케이션 개발

 

[백엔드 -테크트리]

1. 네트워크 & HTTP에 대한 기본 이해

2. 서버용 프로그래밍 언어 공부(Javascript 추천)후 프레임워크(Node.js 추천) 사용

3. Database에 대한 기본 이해(Mysql 추천)

4. Database가 붙은 API 서버 프로젝트 (+Git)

5. 이미지, 파일 등을 저장하는 스토리지 학습

6. 인증 공부 (JWT, Session, etc)

7. 로그인, 이미지 처리가 가능한 서버 프로젝트

8. Cache 공부

9. CI/CD, Docker 등 프로세스 공부

 

[사이트]

https://blog.rhostem.com/posts/2016-12-19-a-study-plan-to-cure-javascript fatigue Javascript의 공부 로드맵(번역)

https://jbee.io/essay/for_junior_frontend_developer/ 신입 프론트엔드 개발자의 로드맵 https://opentutorials.org/course/3084 무료 강의 사이트 중 가장 유명한 사이트 ‘생활코딩’

https://velopert.com/reactjs-tutorials React 강의에서 실습과 이론을 쉽게 설명해주는 사이트