프론트엔드 개발자 모음집

miiin_sseong·2022년 5월 26일
1

개발 정리

목록 보기
1/1

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 (필수)

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

  • lodash
  • Ramda

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

Stale States 개념과 주의사항

React

React 기초

  • React 공식 문서 (설치, 주요 개념 전부) (필수)

React 심화

  • React 내부 작동 원리
  • 함수형 컴포넌트와 Class 컴포넌트의 차이
  • 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 입문

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

GraphQL 기본 개념

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

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 테스트 페이지를 자동으로 생성해주는 개발 도구

React Hook Form

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

profile
Github잔디를 채우기 위해 Github에서 적는중

0개의 댓글