프론트엔드 플러스 스쿨 1기 React 공부 기록입니다.

엑셀 시트에 **공부 기록 notion**과 **github repo**를 정리해두었습니다.

https://docs.google.com/spreadsheets/d/1Jlr017TXI3dMLt2LqSs2iut9PyWg0YeufN3Zwba21Y0/edit?usp=sharing

<aside> 👩🏻‍💻 [1일차] 우리가 여기 있는 이유와 웹 기초

1. 프로그래밍과 웹프로그래밍

* Product?

2. 웹 개발의 역사와 리액트 등장배경

[복습] 리액트의 원리와 구성요소

[복습: 글쓰기] 함수형 컴포넌트에서 클래스형컴포넌트의 라이프 사이클 메소드를 비슷하게 사용하는 방법

[복습] 리액트와 함께쓰는 라이브러리 문서 보기

[복습] 개발환경설정

   *CRA 추천책_실습 → 생산성! (도구): 서점에서 읽어보고 맞춤책 사기

</aside>

<aside> 👩🏻‍💻 [2일차] React Hooks

[복습] 2일차

</aside>

<aside> 👩🏻‍💻 [3일차] 전역상태관리 라이브러리

1. 전역 상태 라이브러리 (개요)

[수정] Flux 아키텍처 지향 전역상태라이브러리 - Redux, Zustand

아토믹 지향 전역상태라이브러리 - Recoil

아토믹 지향 전역상태라이브러리 - Jotai

프록시 지향 전역상태라이브러리 - Valtio

프록시 지향 전역상태라이브러리 - mobx

프론트엔드 디렉토리구조

</aside>

<aside> 👩🏻‍💻 [4일차] React 프로젝트 진행

Post / Tailwind CSS, styled-component

</aside>

<aside> 👩🏻‍💻 [5일차] React 프로젝트 관리하기

React Router

[수정] React Query, SWR

[수정] Refactoring

</aside>

<aside> 👩🏻‍💻 [6일차] 협업과 컴포넌트 최적화

프로젝트 협업

테스트 코드

[공부] 컴포넌트 설계

[공부] 프론트엔드 최적화

</aside>

<aside> 👩🏻‍💻 [6일차] 협업과 컴포넌트 최적화

NextJS

</aside>