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

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

redux 리액트 상태 관리 라이브러리 컴포넌트의 상태 업데이트 관련 로직을 다른 파일로 분리시켜 더욱 효율적으로 관리할 수 있다. 컴포넌트간 공동의 상태에 접근해야 할 때 여러 컴포넌트를 거치지 않고 손쉽게 접근할 수 있다. Context API를 통해서도 동일한 작업을 할 수 있다. 리덕스를 사용하면 상태를 더욱 체계적으로 관리할 수 있기에 대규모의 프로젝트에서는 리덕스를 사용하는 편이 더 좋다. 코드의 유지 보수성을 높여주고, 작업 효율도 극대화해준다. 1. 액션 (Action) 상태에 어떠한 변화가 필요하면 발생하는 것 { type: 'ADD_TODO', data: { id: 1, text: 리덕스 배우기' } } type에 액션의 이름을 넣고, 그 외의 값들은 마음대로 넣을 수 있다. 2. 액션..

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