Git
JavaScript
TypeScript
만약에 타입스크립트를 한번도 써보지 않았거나 조금만 써봤다면 밑의 모든 글을 읽고 따라해보는 것을 권장합니다. 또한 타입스크립트 공식 문서가 워낙 잘 정리되어 있으니 공식 문서도 한 번 보는걸 권장합니다.
TypeScript 기초
TypeScript 개발 환경 설정
- tsc(TypeScript Compiler), Webpack, ESLint, Prettier 연동
TypeScript 심화
함수형 프로그래밍
함수형 프로그래밍 기초
- 유인동의 인프런 함수형 강의
- 함수형 프로그래밍을 사용하는 이유 (장단점)
- 함수형 프로그래밍 활용 예시 (rinae.dev)
함수형 프로그래밍의 중요한 개념
- 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
(필수)
함수형 프로그래밍 라이브러리
React, TypeScript와 함께 쓰는 함수형 프로그래밍
Stale States 개념과 주의사항
React
React 기초
- React 공식 문서 (설치, 주요 개념 전부) (필수)
React 심화
- React 내부 작동 원리
- 함수형 컴포넌트와 Class 컴포넌트의 차이
- React 관련 블로그(영어)
React Hooks
-
React Hooks 공식 문서 (Hook 전부) (필수)
-
Hooks 호출 순서가 중요한 이유
-
Side Effect: useEffect 작동 원리
-
Memoization: useMemo, useCallback 작동 원리
React ref 이해
확장 프로그램
Next
페이지 라우팅 (필수)
React의 react-router-dom
과 역할이 비슷
Next 심화
- Next로 앱을 만들면서 배운 점
- Next Tutorial 따라하기
- Create React App과 Create Next App의 차이점 (SSR, CSR)
브라우저 및 웹
Testing
Unit Test
Snapshop Test
E2E Test
GraphQL
GraphQL 입문
이 블로그 글을 읽고 GraphQL이 무엇이고 왜 사용하는지 감을 잡습니다. (약 30분 소요)
GraphQL 기본 개념
GraphQL Fundamentals Tutorial
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 테스트 페이지를 자동으로 생성해주는 개발 도구
input element의 상태를 관리해주는 패키지