김도리의 개발자로서 성장기

전역 상태값을 관리하기 위해 기존에는 Redux를 사용하고 있었다. 처음 동작 원리에 대해 이해하는것도 매우 힘들었고, 사용하면 할수록 써야할 코드 양도 많고, 매번 비슷한 코드를 여러군데에서 계속 써야하는게 너무 귀찮았다. 이게 진짜 최선일까? 너무 비효율적인데 하는 생각을 하던 와중에 Recoil이라는 것을 발견했다. React에서 상태값을 관리하기 위해서 사용되는 기술은 여러개인데 Redux 같은 상태관리 라이브러리를 사용하는 방법뿐만 아니라 Context API를 사용하는 방법, 라이브러리 없이 직접 state를 사용하는 방법이 있다. 직접 state를 사용하는 방법 작은 프로젝트에서는 괜찮겠지만 어느정도 규모가 있는 프로젝트에서는 Prop Drilling이 과도하게 발생할 수 있다. Prop D..

Component 클래스 혹은 함수로 정의할 수 있다. 리액트로 작성된 화면은 컴포넌트로 구성되어 있다. UI를 재사용 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적으로 나누어 코딩한다. “props”라고 하는 임의의 입력을 받은 후, 화면에 어떻게 표시되는지를 기술하는 React 엘리먼트를 반환한다. 컴포넌트의 두가지 종류인 클래스 컴포넌트와 함수형 컴포넌트의 생명주기는 https://dev-dorydory.tistory.com/14에 정리해두었다. Page Transition (페이지 이동) 라우팅이란? 사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것 React Router가 라우팅 라이브러리 중 가장 많이 쓰인다. react-router 사용자가 입력한 주소를 감지..