리액트스터디

react 설치방법과 react 를 배우기 앞서 기본적으로 알아야 할 개념들에 대해 알아보는 포스트이다.

📚 서론 리엑트가 무엇이고 컴포넌트, state, props 등이 무엇인지에 대해 알아보자.

📚 FE 의 발전속도는 굉장히 빠르다. 최근 기술 발전이 어떻게 진행되는지 관심을 갖고자 했고 그중 React 가 마지막으로 나온 버전이 React 18 이라는 것을 알게되어 이에 대해 정리해보게 되었다.

✏️ React 에서 사용되는 다양한 CSS 기법과 재렌더링을 최적화하는 memo, useCallback, useMemo 에 대해 알아보자.

✏️ 자바스크립트의 클래스와 리액트의 함수형, 클래스형 컴포넌트를 비교해보자

✏️ useEffect 동작 원리와 언제 사용해야 하는지 알아보자

✏️ react 에서의 state에 대해 closer 의 원리와 함께 알아보자.

✏️ 리액트를 사용하지 말아야 하는 경우, 사용하는 경우, 종속성에 대해 자세히 알아보자

✏️ react 에서 global state 를 다루는 방법중 하나인 useContext 에 대해 알아보자

✏️ useReducer 완전히 이해하자

✏️ useRef Deep Dive

✏️ React 에서 전역상태관리도구로 사용하는 redux 에 대해 알아보자 [입문편]

✏️ redux 용어 이해하기

✏️ legacy Redux 에서의 state, action, reducer 를 만드는 방법을 알아보자. 추가로 기존 코드를 효율적으로 관리하기 위해 redux-toolkit 의 createSlice

✏️ redux 로 todo 앱 만들기

✏️ redux 연습하기 - Modal component 생성 with redux

✏️ recoil 로 만드는 todo app

우아한 테크코스를 해보며 처음 도입을 해봤던 eslint 와 prettier의 조합은 일관성 있는 코딩컨벤션을 지킬 수 있었기에 그 이후 협업을 하거나 일관된 코드를 작성하고 싶어서 eslint 와 prettier 를 도입하게 되었다.또한 react 를 사용하며 다른