/fe-guide

Primary LanguageJavaScriptMIT LicenseMIT

프론트엔드 개발 가이드

개발도구

설계

코딩 컨벤션

개발

테스트

  • JEST - JavaScript 단위 테스트
  • Enzyme - React 컴포넌트 테스트
  • POSTMAN - API를 테스트

소스 제어

  • Git - 분산 버전 관리 시스템
  • Bitbucket - Git 저장소. Git을 프로젝트 기반으로 체계적으로 관리하고 Bitbucket 서버에 웹으로 접근하여 코드의 커밋 히스토리, Pull Request, Fork 등을 쉽고 편하게 수행할 수 있게 지원하는 제품

종속성 관리

  • Node.js 패키지 매니저
    • npm - Node.js의 기본 패키지 매니저
    • yarn - JavaScript의 새로운 패키지 매니저
  • Nexus Repository Manager 3 - 회사 내 Maven, NPM 저장소로 이용

빌드

  • Babel - ECMAScript 2015+ (ES6+) 로 작성된 코드를 함수적으로 동일한 ES5 코드로 변환해 주는 JavaScript 컴파일러. Internet Explorer 등 다양한 브라우저 종류로 발생하는 호환성(Cross Browser) 문제 해결을 위해 사용.
  • Webpack - JavaScript 모듈 번들러
    • 모듈 번들러란 여러개의 나누어져 있는 파일들을 하나의 파일로 만들어주는 라이브러리
    • 모듈 번들러는 JavaScript 코드들을 압축하고 최적화 할 수 있기 때문에 로딩 속도를 높일 수 있음

CI (지속적 통합)

  • Bamboo - 자동화된 빌드, 테스트 및 릴리즈를 함께 단일 워크플로우에 연결하는 지속적 통합 및 배포 도구

운영

상용 솔루션 (기능별 제품)

성능

SEO

공개 SW

[참고] 기술 블로그

To Do