nodejs-babel
babel바벨 프리셋바벨 6은 처리할 수 있는 변환의 종류를 프리셋(preset)으로 나눴다.개발자는 사용할 프리셋을 지정하여 바벨이 처리할 변환의 종류를 명확히 정의 할 수 있다. babel-preset-es2015 ES2015(ES6)를 ES5로 컴파일 한다. babel-preset-es2016 ES2016을 ES2015로 컴파일 한다. bab
Home
nodejs-basic
nodejsnpmpackage.json1{2 "name": "project-name",3 "author": "your name",4 "private": true,5 "dependencies": {},6
nodejs-express-modules
Express ModulesExpress 유용한 모듈 body-parserPOST 데이터 파싱 https://github.com/expressjs/body-parser Express/Connect top-level generic1var express = require('express')2var bodyParser = req
nodejs-express
Expresshello world1var express = require("express");2var http = require("http");34var app = express();56//middle ware 17app.use(function (request, response
nodejs-http_status
HTTP Status요약 1xx: 끊지 마, 아직 처리중이야. 2xx: 자, 여기 있어! 3xx: 잘 가~ 4xx: 네게 문제가 있음 5xx: 내게 문제가 있음자세히 100 범위 100: 계속 101: 프로토콜 전환 200 범위 200: 성공(OK) 201: 작성됨(CREATED) 202: 허용됨(ACCEPTED) 204: 콘텐츠 없음(NO CONT
nodejs-react
reactjsx기존 방식과 비교 1// 리액트 엘리먼트2React.createElement(ElementName, {list:[...]})3// JSX4<Elementname list={[...]}/> className 1// class는 javascript의 예약어 이므로 calssName을 쓴다2<h1
nodejs-test
unit Test코드검사 동료검토 Code linter 코드검사(Code Coverage) Istanbul: 코드의 어떤부분이 테스트로 다뤄지지 않았는지 검사 Chai: assrtion 라이브러리 Mocha: 테스트 레이아웃 라이브러리Mochainstall1$ npm install --save mocha run11$ node node_modules/
seminar-devfest2018.01
GCP를 활용하여 코딩없이 앱 서비스 분석 인프라 구축한 삽질기전인아 inahjeon5324@gmail.com 뱅크샐러드 개인 자산관리 서비스기술 파이어베이스퍼널분석 각 단계별 이탈율 단계별로 이탈율을 분석하여 개선기능 개선 파이어베이스로는 데이터분석의 대응에 한계가 있다. 자주 보는 중요한 지표는 자동화 하자. Raw Data는 BigQuery에 연결이
seminar-devfest2018.02
실전 SPA상태관리 톺아보기김동우 SPA 승자는 React? React가 Vue보다 수익이 높은 편State Management가 필요 React: Redux, MobX Vue: 전용이 있으나 위도 사용 가능Redux 다양한 환경 테스트하기 쉬움 sate관리하기 위한 거대한 이벤트 루프미들웨어 redux-thunk: 비동기를 위한 redux-saga: 사이
seminar-devfest2018.03
PWA로딩시간 tti: 5초 이하 나머지 로드: 2초 이하SPA 장점이 많지만 초기구동속도가 느림퍼포먼스 자바스크립트 170kb jpg 170kb 두가지는 많은 차이가있음tti 줄이기 배포과정을 최적화 PRPL Pattern: 웹앱을 배포할때 ux를 최적화하는것 PWA로 만듬PRPL 패턴 완벽하게 맞추기엔 생태계가 덜 발전함Dinamic Code s