주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

React는 MVC패턴에서 V(View)를 담당하고 있습니다. 앱이 가벼운 경우에는 State로 데이터를 핸들링 할 수 있지만, 앱이 커질 경우에는 데이터 관리를 별도로 해야하는 요구사항이 생기게됩니다. 이때 사용할 수 있는 것이 Redux와 MobX 등, 상태 관리 라이브러리입니다. redux-saga는 redux의 액션 생성자와 reducer의 순수성을 유지하고 사이드 이펙트를 처리하기 위해 사용합니다. 여기서 사이드 이펙트는 부작용을 발생시키는 어떠한 효과가 아니라, 데이터 요청이나 비동기 작업, 브라우저 캐시 같이 순수하지 않은 작업들을 의미합니다. Redux-Saga란? redux-saga는 리덕스의 미들웨어입니다. 리덕스가 액션을 수행하면 redux-saga에서 디스패치하여 redux의 액션을..

React 강의 듣고 나만의 사이트 만들기 시작!! 먼저 초반부 Front 작업을 진행한다. 쪼랩이라 라이브러리 다운받을때 빼먹는건 진행하면서 차차 고치도록 해야겠다. 친절하게 코드가 다 들어있지않은 이유는 스스로 공부하는 목적이기때문에 사소한 부분이 많이 빠져있다. 1. 내 사이트명의 폴더를 생성한다. OKAYOON 2. Front 와 Back 따로 진행해야하기에 폴더를 두개 생성한다. OKAYOON -front -back // front npm init npm i next@9 react react-dom npm i prop-types npm i eslint eslint-plugin-import eslint-plugin-react eslint-plugin-react-hooks -d npm i -D ba..