Giter VIP home page Giter VIP logo

nastreamer's Introduction

NAStreamer

NAS + Streaming Service With Node Engine And RaspberryPi


프로젝트 퀵스타트

엔진: node
확장성 앱: trello(with git flow),slack(예정)
에디터: 상관없음(하지만 vscode를 더 추천)
추가로 yarn을 쓰는 것을 권유
  1. yarn 맨 처음 프로젝트를 클론받고 yarn 으로 모듈을 깐다
  2. yarn dev
    개발 모드로 이 프로젝트를 키면 완료!
  3. trello & git-flow & pull-request
    기본적으로 개발 프로세스는 이 3 가지로 이루어집니다.
  4. 소통은? slack
    파일의 구조나 기본적인 대화를 슬랙을 만들어 할 예정입니다.

기본 파일 구조

  1. route
    나중에 여기서 api 를 다룰 예정
  2. pages
    nextjs 참조
  3. container
    상태관리 컴포넌트는 여기로
  4. components
    컴포넌트는 밑에 페이지 별로 폴더가 있고 그 페이지 안에 쓰는 것을 담아둔다
    레이아웃 컴포넌트들은 레이아웃 폴더에(메타태그 같은건 레이아웃에서)

참고 문서

  1. nextjs - https://nextjs.org/
  2. nextjs(velopert) - https://velopert.com/3293
  3. reactstrap - https://reactstrap.github.io/
  4. express - https://expressjs.com/ko/
  5. axios(velopert) - https://velopert.com/1552
  6. airbnb coding convention - https://github.com/airbnb/javascript
  7. bem 방법론 - https://medium.com/witinweb/css-%EB%B0%A9%EB%B2%95%EB%A1%A0-1-bem-block-element-modifier-1c03034e65a1
  8. video - https://video-react.js.org/
  9. 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
  10. react - https://reactjs.org/
  11. 프레젠테이션 컴포넌트와 컨테이너 컴포넌트 - https://blueshw.github.io/2017/06/26/presentaional-component-container-component/
  12. 리액트 스타일링 - https://jsramblings.com/2017/09/22/understand-the-react-styling-paradigms.html
  13. Commanderjs(나중에 파일 다운로드 받거나 forever 하면 좋을 듯) - https://github.com/tj/commander.js
  14. foreverjs(파일 계속 켜놓기) - https://github.com/foreverjs/forever
  15. git-flow(우아한 형제들) - http://woowabros.github.io/experience/2017/10/30/baemin-mobile-git-branch-strategy.html
  16. git-flow(ihoneymon) - https://gist.github.com/ihoneymon/a28138ee5309c73e94f9
  17. react tutorial(velopert) - https://velopert.com/3676
  18. bootstrap - https://getbootstrap.com/
  19. react-icons - https://react-icons.netlify.com/#/
  20. react-drawer - https://github.com/balloob/react-sidebar/blob/master/README.md
  21. JWT(JSON Web Token) - https://velopert.com/2389
  22. redux-promise - https://www.npmjs.com/package/redux-promise
  23. redux-saga - https://mskims.github.io/redux-saga-in-korean/
    추천 eslint+prettier
    vscode setting
    { "editor.formatOnSave": true, "javascript.format.enable": false, "prettier.eslintIntegration": true }

nastreamer's People

Contributors

azxca1731 avatar kmlee95 avatar ponyong avatar rhdtl78 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.