nodejs-babel
babel바벨 프리셋바벨 6은 처리할 수 있는 변환의 종류를 프리셋(preset)으로 나눴다.개발자는 사용할 프리셋을 지정하여 바벨이 처리할 변환의 종류를 명확히 정의 할 수 있다. babel-preset-es2015 ES2015(ES6)를 ES5로 컴파일 한다. babel-preset-es2016 ES2016을 ES2015로 컴파일 한다. bab
babel바벨 프리셋바벨 6은 처리할 수 있는 변환의 종류를 프리셋(preset)으로 나눴다.개발자는 사용할 프리셋을 지정하여 바벨이 처리할 변환의 종류를 명확히 정의 할 수 있다. babel-preset-es2015 ES2015(ES6)를 ES5로 컴파일 한다. babel-preset-es2016 ES2016을 ES2015로 컴파일 한다. bab
nodejsnpmpackage.json1{2 "name": "project-name",3 "author": "your name",4 "private": true,5 "dependencies": {},6
Express ModulesExpress 유용한 모듈 body-parserPOST 데이터 파싱 https://github.com/expressjs/body-parser Express/Connect top-level generic1var express = require('express')2var bodyParser = req
Expresshello world1var express = require("express");2var http = require("http");34var app = express();56//middle ware 17app.use(function (request, response
HTTP Status요약 1xx: 끊지 마, 아직 처리중이야. 2xx: 자, 여기 있어! 3xx: 잘 가~ 4xx: 네게 문제가 있음 5xx: 내게 문제가 있음자세히 100 범위 100: 계속 101: 프로토콜 전환 200 범위 200: 성공(OK) 201: 작성됨(CREATED) 202: 허용됨(ACCEPTED) 204: 콘텐츠 없음(NO CONT
reactjsx기존 방식과 비교 1// 리액트 엘리먼트2React.createElement(ElementName, {list:[...]})3// JSX4<Elementname list={[...]}/> className 1// class는 javascript의 예약어 이므로 calssName을 쓴다2<h1
unit Test코드검사 동료검토 Code linter 코드검사(Code Coverage) Istanbul: 코드의 어떤부분이 테스트로 다뤄지지 않았는지 검사 Chai: assrtion 라이브러리 Mocha: 테스트 레이아웃 라이브러리Mochainstall1$ npm install --save mocha run11$ node node_modules/
webpack모듈 번들러 install1$ npm install -g webpack set env1$ npm install babel-core babel-loader babel-preset-env babel-preset-react babel-preset-stage-0 --save-dev2$ npm install react react-dom --save se