개발후라이
개발후라이
개발후라이
  • 분류 전체보기 (285)
    • Web Front End (74)
      • Javascript & Typescript (26)
      • React (11)
      • Vue (4)
      • Nodejs (1)
      • HTML (6)
      • CSS (7)
      • HTTP (6)
      • 책 - Review (8)
    • TIL (0)
    • Problem Solved (135)
      • 알고리즘 (4)
      • BOJ (67)
      • Programmers (8)
      • HackerRank (33)
      • LeetCode (23)
    • 회고 (4)
      • 오늘의 회고 (16)
      • 주간 회고 (15)
      • 월간 회고 (7)
      • WakaTime (9)
    • Git (3)
    • 기타 (15)
      • 취업 (5)
      • 자격증 (1)

블로그 메뉴

  • GitHub
  • LinkedIn
  • 홈

인기 글

태그

  • 오늘의회고
  • 회고
  • 릿코드
  • 개발자
  • 프론트엔드
  • 노마드북클럽
  • TypeScript
  • JavaScript
  • 노개북
  • 자바스크립트

최근 댓글

최근 글

전체 방문자
오늘
어제

티스토리

hELLO · Designed By 정상우.
개발후라이

개발후라이

Web Front End/Javascript & Typescript

[러닝자바스크립트] 2장. 자바스크립트 개발 도구

2020. 2. 18. 11:39
반응형

프로젝트 구조

.git        # git

es6         # 노드 소스
dist

public/     # 브라우저 소스
    es6/
    dist/

자바스크립트 개발도구

  1. Git 연결 및 Commit
  2. 빌드 도구(gulp) 설치
    gulp: 개발 과정에서 도움이 되는 개발 의존성 도구
  3. 트랜스컨파일러(babel) 설치
    babel: ES5 --> ES6, ES6와 리액트, ES7 등을 지원하는 범용 트랜스컴파일러
  4. babel과 gulp 함께 사용하도록 설정
    gulpfile.js에 파이프로 연결
  5. ESLint 설치
    ESLint: 코드를 검토해 자주 일어나는 실수를 알려주는 프로그램.
반응형
저작자표시 (새창열림)
    'Web Front End/Javascript & Typescript' 카테고리의 다른 글
    • [러닝자바스크립트] 4장. 제어문
    • [러닝자바스크립트] 3장. 리터럴과 변수, 상수, 데이터 타입
    • [러닝자바스크립트] 1장. 첫번째 애플리케이션
    • [러닝 자바스크립트] 14장. 비동기적 프로그래밍
    개발후라이
    개발후라이
    어제보다 오늘 발전하기 위한 공간 https://github.com/choisohyun

    티스토리툴바