NAS + Streaming Service With Node Engine And RaspberryPi
엔진: node
확장성 앱: trello(with git flow),slack(예정)
에디터: 상관없음(하지만 vscode를 더 추천)
추가로 yarn을 쓰는 것을 권유
yarn
맨 처음 프로젝트를 클론받고 yarn 으로 모듈을 깐다yarn dev
개발 모드로 이 프로젝트를 키면 완료!trello & git-flow & pull-request
기본적으로 개발 프로세스는 이 3 가지로 이루어집니다.- 소통은?
slack
파일의 구조나 기본적인 대화를 슬랙을 만들어 할 예정입니다.
- route
나중에 여기서 api 를 다룰 예정 - pages
nextjs 참조 - container
상태관리 컴포넌트는 여기로 - components
컴포넌트는 밑에 페이지 별로 폴더가 있고 그 페이지 안에 쓰는 것을 담아둔다
레이아웃 컴포넌트들은 레이아웃 폴더에(메타태그 같은건 레이아웃에서)
- nextjs - https://nextjs.org/
- nextjs(velopert) - https://velopert.com/3293
- reactstrap - https://reactstrap.github.io/
- express - https://expressjs.com/ko/
- axios(velopert) - https://velopert.com/1552
- airbnb coding convention - https://github.com/airbnb/javascript
- bem 방법론 - https://medium.com/witinweb/css-%EB%B0%A9%EB%B2%95%EB%A1%A0-1-bem-block-element-modifier-1c03034e65a1
- video - https://video-react.js.org/
- https://medium.com/@LetMeEatTheCake/next-js-2-0%EC%9D%84-%EC%9D%B4%EC%9A%A9%ED%95%98%EC%97%AC-%EB%B3%B4%EB%8B%A4-%EB%82%B3%EC%9D%80-universal-javascript-%EC%95%B1%EC%9D%84-%EB%A7%8C%EB%93%A4%EA%B8%B0-70fb32714ad4
- react - https://reactjs.org/
- 프레젠테이션 컴포넌트와 컨테이너 컴포넌트 - https://blueshw.github.io/2017/06/26/presentaional-component-container-component/
- 리액트 스타일링 - https://jsramblings.com/2017/09/22/understand-the-react-styling-paradigms.html
- Commanderjs(나중에 파일 다운로드 받거나 forever 하면 좋을 듯) - https://github.com/tj/commander.js
- foreverjs(파일 계속 켜놓기) - https://github.com/foreverjs/forever
- git-flow(우아한 형제들) - http://woowabros.github.io/experience/2017/10/30/baemin-mobile-git-branch-strategy.html
- git-flow(ihoneymon) - https://gist.github.com/ihoneymon/a28138ee5309c73e94f9
- react tutorial(velopert) - https://velopert.com/3676
- bootstrap - https://getbootstrap.com/
- react-icons - https://react-icons.netlify.com/#/
- react-drawer - https://github.com/balloob/react-sidebar/blob/master/README.md
- JWT(JSON Web Token) - https://velopert.com/2389
- redux-promise - https://www.npmjs.com/package/redux-promise
- redux-saga - https://mskims.github.io/redux-saga-in-korean/
추천 eslint+prettier
vscode setting
{ "editor.formatOnSave": true, "javascript.format.enable": false, "prettier.eslintIntegration": true }