웹 메모장 (면접 사전과제)

typescript 를 사용해서 react, mobx 기반으로 작성된 웹 메모장
번들링은 webpack 3 사용.

라이브 데모

개발 스펙

• 언어 : Typescript 2.5
• 프레임워크
  • React 16
• 상태관리자
  • Mobx
• 관련 라이브러리
  • React Router 4.2
  • Mobx React
  • Mobx React Router

번들링

• Webpack 3.8
  • 로더
    • Awesome Typescript Loader
    • PostCSS Loader
      • CSS next
      • CSS modules
    • React Hot Loader
  • 옵션
    • Tree Shaking
    • Webpack Dev Server
  • 플러그인
    • ExtractText Plugin
    • HTML Webpack Plugin
    • Copy Webpack Plugin

스타일

• AdminLTE 적용

린팅(Linting)

• Airbnb TSLint Config 적용

개발 및 배포 관련 branch 룰

• Git Flow 사용

설치

$ npm install

실행

$ npm start

빌드

$ npm run build

배포

• Github Pages 에 배포 (gh-pages 브랜치 사용)
• repository 명은 webnote 이어야 함

$ npm run build

$ npm run deploy

라이센스(license)

MIT