Javascript/React (2) 썸네일형 리스트형 협업을 위해 프로젝트 세팅을 도전해보자! (React + node.js) 이 포스트는 팀프로젝트를 세팅하는 역할을 맡게 되며 제가 지나온 길들을 팀원들에게 알려주기 위해 쓴 포스트입니다. React + node.js 프로젝트 세팅 요약된 부분만 읽으셔도 개발 자체에는 영향을 주지 않습니다! 🥗 요약 frontend의 경우 create-react-app을 이용하여 typescript 템플릿을 받았습니다. backend의 경우 우선은 express.js, nodemon을 이용했습니다. ESLint + Prettier 설정은 aribnb의 컨벤션을 가져왔습니다! 개발시 가이드 npm install로 필요한 모듈들을 먼저 받아주세요! food-management > npm install food-management/client > npm install (Frontend개발시) fro.. React에서 Redux를 이해하며 사용해보기 1편 count state를 Redux로 관리하는 간단한 예제를 만들어보며 Redux에 대한 학습을 해보자. 이 포스트는 react가 앱에 미리 설치된 환경이라는 가정 하에 진행한다. (create-react-app 사용함) npm 설치 (react-redux) Redux는 바닐라 자바스크립트에서도 동작하지만. react에서의 Redux를 사용하기 위해서는 따로 react-redux도 함께 설치해주어야 한다. npm install redux react-redux 먼저, store가 필요합니다! 먼저 state들을 저장할 store를 만들어야 한다. 그리고 그에 인자로 부여할 reducer함수도 함께 정의해야 한다. store란 무엇이며 reducer란 무엇일까? 차근차근 하나씩 이해해보자. store란? Re.. 이전 1 다음
