본문 바로가기

전체 글

(13)
협업을 위한 git & github (Pull & Request 도전기) 다른 사람의 레포지토리에서 함께 작업하는 방법을 연습해보자. 시작하기에 앞서… https://wayhome25.github.io/git/2017/07/08/git-first-pull-request-story/이 글을 보고 따라 학습했습니다! git 초보를 위한 풀리퀘스트(pull request) 방법 · 초보몽키의 개발공부로그 개발을 하다 보면 코드를 여러 개로 복사해야 하는 일이 자주 생긴다. 코드를 통째로 복사하고 나서 원래 코드와는 상관없이 독립적으로 개발을 진행할 수 있는데, 이렇게 독립적으로 개발하는 wayhome25.github.io 순서 협업할 파일 Fork 하기 clone, remote 설정하기 작업할 branch 생성하기 수정 작업 후 commit, push Pull Request 보내기..
협업을 위해 프로젝트 세팅을 도전해보자! (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를 이해하며 사용해보기 2편 (redux-toolkit) 지난 포스트에서는 React에서 redux를 다루면서 알아야 하는 기본적인 hook과 메서드들에 대한 학습을 했다. 이번 포스트에서는 redux만으로 관리하기 힘든 커다란 프로젝트에서 사용하기 용이한 redux-toolkit에 대해서 설명해보려고 한다. npm 설치 (@reduxjs/toolkit) 이전 글에서 설명했지만, npm으로 아래와 같이 입력하여 설치해주면 redux toolkit을 사용할 수 있다. npm install @reduxjs/toolkit 설치가 끝났다면, 이제 좀 더 개선된 redux-toolkit을 사용할 수 있다. reducer 대신 slider? redux에서는 slice라는 개념이 추가되었고 이를 주로 사용한다. 학습에 앞서 먼저 slice에 대한 개념을 알아보자. Redu..