Front-end Roadmap

알고리즘 자료구조 언제부터 할지?

코테 및 면접(자료구조)

• 인턴하기 3개월 전에 프로그래스 고득점 키트
• 자료구조는 서치

cs 지식

면접 -> https://github.com/JaeYeopHan/Interview_Question_for_Beginner

기초 공부 -> 아래 (3) 외운다는 생각말고, (최소) 책을 끝까지 완독 1하는 것을 목표

1. 운영체제

• 짧은 운영체제 기초 서적
• linuxhttp://book.interpark.com/product/BookDisplay.do?_method=detail&sc.prdNo=301670384&gclid=CjwKCAjwpKCDBhBPEiwAFgBzjwddhQOSQumKapv7GD0StO49NhldJnw4xJotQK0MaCoEz2Z1lFhR2hoCYWoQAvD_BwE

1. 데이터 베이스

• SQL 대표 http://book.interpark.com/product/BookDisplay.do?_method=detail&sc.prdNo=314718534 (mysql, postgresql, h2, ...)
• NOSQL은 시간이 남는다면 찾아볼것 (mongoDB, redis, )

1. 네트워크

• 그림으로 네트워크 원리

일정

평소에 포트폴리오를 준비하되,

• 코테알고리즘
• 면접cs 4가지
• 포트폴리오(연습용 사이트 1, 팀원 협업 1, 실험적으로 해볼만한 사이트)1가지 언어(js) 프레임워크 1개 (react) 배포: next.js(서버사이드 렌더링), nginx, docker, aws/googlehttps://velog.io/@wmc1415/docker를-이용한-react-앱-배포 시도해볼 만한 거팀주피터

etc

• git / github
• Terminal

plan

• level1 (1달) html5, css, javascript 기초 완료es6, function, object, (let, const, var 차이), async/await, for...loop
• level2 (1달)트위터 노마드 코더 리액트 공식문서 튜토리얼 react와 react hooks를 활용해 spa(create-react-app)를 개발 할 수 있다.todo, 게시판....
• level3(2달)강의를 듣고 클론코딩 (https://nomadcoders.co/instaclone/lobby) react 상태 관리 기법을 배운다.redux, saga, (graphql...?) 백엔드와 api 통신을 할 줄 안다.axios, ajax.. (REST API 통신)
• level4 (8월 - 12월) 인턴, 넥스터즈 같은 대외활동, 멋사 하반기팀원을 구해서 협업할 단계 백엔드 개발자와 aws로 배포될 수 있는 서비스를 만든다. api 통신과 swagger를 보는 방법을 배운다.
• 올해 12월, 인턴 학교 소속으로 지원