carri-learn-frontend

물류팀 기술스택에 최적화된 프론트엔드 학습 코스입니다. 소요 기간은 두 달!

학습 순서

• 첫 번째 달
  • React Tutorial: https://react-tutorial.app
  • React with TypeScript simple: https://blog.logrocket.com/how-use-typescript-react-tutorial-examples/
  • React with TypeScript hard: https://handsonreact.com/docs/labs/react-tutorial-typescript
  • Next.js Tutorial: https://nextjs.org/learn/foundations/about-nextjs
• 두 번째 달
  • Next.js with TailwindCSS 프로젝트 설정해보기
  • Next.js with Flowbite(TailwindCSS Library) 프로젝트 설정해보기
  • Next.js with Flowbite로 게시판 만들어보기
  • 완성한 게시판을 Vercel로 배포해보기
  • redux-hook-form으로 게시글 생성/수정화면 만들어보기
  • redux-toolkit 적용해보기
  • jotai 적용해보기
  • react-query로 api요청 보내보기

도움되는 아티클

• UI와 비즈니스 로직의 분리
  • Presentational and Container Components - Dan Abramov
  • React VAC Pattern - View 로직과 JSX의 의존성을 최소화 하자!
  • React에서 View의 렌더링 관심사 분리를 위한 VAC 패턴 소개
• 기타
  • 이제는 함수형 프로그래밍을 공부해야 할 때
  • 명령 질의 책임 분리의(Command Query Responsibility Segregation, CQRS)의 근본을 찾아서
• Optional
  • Node.js로 객체지향 이해하기. Node.js 모노레포 튜토리얼 (with 객체지향 프로그래밍)