프론트엔드 개발자 교육과정

곽태욱·2021년 7월 2일
2

1년간 프론트엔드를 공부하며 참고했던 문서를 정리했습니다.

'필수'로 표시된 문서엔 이 프로젝트를 개발하는데 필요한 지식이 담겨있기 때문에 꼭 읽어 보고, 그 외 문서는 시간날 때 들어가서 읽는 것을 권장합니다. 문서를 읽을 땐 아는 내용은 건너뛰고 모르는 부분 위주로 읽고, 특히 어려운 내용 관련해선 심도 있게 읽어 보는 것을 권장합니다.

Git

JavaScript

TypeScript

만약에 타입스크립트를 한번도 써보지 않았거나 조금만 써봤다면 밑의 모든 글을 읽고 따라해보는 것을 권장합니다. 또한 타입스크립트 공식 문서가 워낙 잘 정리되어 있으니 공식 문서도 한 번 보는걸 권장합니다.

TypeScript 기초

TypeScript 개발 환경 설정

  • tsc(TypeScript Compiler), Webpack, ESLint, Prettier 연동

TypeScript 심화

함수형 프로그래밍

함수형 프로그래밍 기초

함수형 프로그래밍의 중요한 개념

  • Immutability, Pure funciton, Side effect (필수)
  • Memoization (필수)
  • Declarative vs imperative programming
  • First class citizen
  • Higher Order functions, Lambda function, Closure
  • Function composition
  • Currying, Pipelining
  • e.g. map, filter, reduce (필수)

함수형 프로그래밍 라이브러리

  • lodash
  • Ramda

React, TypeScript와 함께 쓰는 함수형 프로그래밍

Stale States 개념과 주의사항

React

React 기초

React 심화

React Hooks

React ref 이해

확장 프로그램

Next

페이지 라우팅 (필수)

React의 react-router-dom과 역할이 비슷

Next 심화

  • Next로 앱을 만들면서 배운 점
  • Next Tutorial 따라하기
  • Create React App과 Create Next App의 차이점 (SSR, CSR)

브라우저 및 웹

Testing

Unit Test

  • Unit Test란?
  • Jest

Snapshop Test

  • Snapshop Test란?

E2E Test

  • E2E Test란?

GraphQL

GraphQL 입문

https://tech.kakao.com/2019/08/01/graphql-basic/

이 블로그 글을 읽고 GraphQL이 무엇이고 왜 사용하는지 감을 잡습니다. (약 30분 소요)

GraphQL 기본 개념

https://graphql.org/learn/
공식 GraphQL 문서의 Introduction을 읽고 정확한 정의를 이해합니다. Introduction만 읽고, 나머지는 필요할 때 읽습니다. (약 30분 소요)

GraphQL Fundamentals Tutorial

https://www.howtographql.com/basics/0-introduction/
GraphQL 의 코어를 동영상 강의로 익혀봅니다. (약 2시간 소요)

GraphQL 심화

Apollo

Apollo 공식 문서

Apollo가 무슨 기능을 제공하고, Apollo Client와 Apollo Server는 무엇이 다른지 생각해보기 (약 5시간 소요)

Apollo Client (React) Tutorial

https://www.howtographql.com/react-apollo/0-introduction/
Hackernews 를 만들어보면서 위에서 익힌 GraphQL의 개념을 적용해보고, Apollo Client (React)의 기본적인 사용법을 익혀봅니다. (약 5시간 소요)

Storybook

컴포넌트 API 문서와 컴포넌트 props 테스트 페이지를 자동으로 생성해주는 개발 도구

React Hook Form

input element의 상태를 관리해주는 패키지

profile
이유와 방법을 알려주는 메모장 겸 블로그. 블로그 내용에 대한 토의나 질문은 언제나 환영합니다.

2개의 댓글

comment-user-thumbnail
2021년 7월 13일

좋은자료 감사합니다~!

1개의 답글