Web Study
오늘은 웹에 대해서 조금 광범위하게 학습하였습니다.
- eslint 적용하기:
eslint 파일명 --fix - 간단한 작업은 codesandbox.io 에서 할 수 있습니다. 필요한 것이 있을 경우 실험을 해볼 예정입니다.
Service Layer, Controller Layer
애플리케이션을 만들기 시작할 때 가장 어려운 것은 좋은 구조를 짜는 것 같습니다.
그 중에서도 service와 controller가 저는 많이 헷갈렸습니다. 둘이 한글로 비슷하게 뭔가 처리해줄(?) 것만 같아서 헷갈렸는데 개념적으로는 많이 달랐습니다.
김선규님이 번역하신 아래 글이 도움이 많이 되었습니다.
견고한 Node.js 프로젝트 아키텍쳐 설계하기
둘은 사실.. 내용적으로 겹치면 안됩니다.
service: 비즈니스 로직controller: http 통신(req, res) 다루기
service 에서는 http 통신 관련 작업을 넣으면 안되고, 특히 controller에서 비즈니스 로직을 넣으면 절대 안 된다고 합니다.
절대까지..? 싶은 마음이 있지만 위의 글의 작성자는 절대 하지 말라고 당부했습니다.
utils
계속 이어서 아키텍쳐 관점에서의 util 폴더를 살펴보겠습니다. util 폴더는 다른 애플리케이션에서도 사용할 수 있는, 애플리케이션과 관련되지 않은 모듈들을 넣어둡니다.
협업에서의 Git
-
프로젝트 로컬로 가져오기
git init
git clone 프로젝트 주소
git branch -a
git checkout -t 가져올 브랜치
git checkout -b 만들 브랜치
npm init
npm install -
프로젝트 push 하기
git push origin 작업된 브랜치
git checkout 갈라진 브랜치
git pull
git checkout 작업할 브랜치
git merge 갈라진 브랜치
React Study
CRA: Create-react-app 명령어
State
리액트에서 유동적인 데이터를 사용할 때 State를 사용합니다.
한 번 state 선언 후에, 나중에 업데이트 해주어야 할 경우엔 setState를 사용해주어야 합니다.
