mern-boilerplate

John Ahn님의 따라하며-배우는-노드-리액트-boiler-plate-만들기 강의를 보며 만들었습니다.

MERN

• M: MongoDB
• E: Express.js
• R: React.js
• N: Node.js

boilerplate

수정 없이 혹은 최소한의 수정으로 여러 곳에서 재사용이 가능한 코드,
대부분의 웹 프로젝트에 필요한 공통 기능을 갖춘 베이스 프로젝트

1. sign up
2. login
3. logout
4. navigation bar
5. footer

배운 것

• proxy로 CORS 문제 해결하기
• concurrently 패키지로 client와 server를 동시에 실행시키기
• 처음부터 react-router-dom을 직접 적용시키기
• 처음부터 Redux를 직접 적용시켜 사용하기
• Higher-order Component (HOC) 만들어보기
• boilerplate를 만들어두어 효율성 up!

개인적으로 추가한 것

• eslint 적용 (airbnb)
• navigation bar & footer -> layout 추가