Webstorm(웹스톰) Eslint 적용하기eslint를 적용하면 최신 코드 스타일, fm스타일로 자동으로 바꾸어주고 최신 기능을 익히는데 도움이 많이 된다. 특히 자바스크립트는 es6스타일을 익히는데 도움이 많이 된다.또한 좋은 코드를 추천 해주기 때문에 성능 향상 효과가 있다. space를 2로 할 때 이 설정을 해준다.https://intellij-support.jetbrains.com/hc/en-us/community/posts/207062575-JSHint-Tabs-Mixed-with-Spaces-Format-Code 특정 rule를 off하려면 이렇게 한다. 1. 아래 플러그인들을 설치한다.123456"babel-eslint": "^7.2.3","eslint": "^4.5.0","eslint..
ㅣelectron으로 hello world 출력하기 일렉트론은 html, js로 되어있는 앱을 실행 파일로 배포할 수 있게 해주는 라이브러리이다. https://electron.atom.io/ 여기에서 퀵 스타트를 하면 되고 그 내용은 아래와 같다. 시작 하기전에 필요한건 node.js를 설치 해놓아야 한다. 12345678# Clone the Quick Start repository$ git clone https://github.com/electron/electron-quick-start # Go into the repository$ cd electron-quick-start # Install the dependencies and run$ npm install && npm startColored by ..
es6에서오브젝트(object)와 인스턴스(instance) 오브젝트(object)와 인스턴스(instance)가 있는데 오브젝트(object)object는 빌트인 오브젝트라고 해서 자바스크립트에 내장 되어 있는 객체들을 말한다. 예를 들어 Array 를 생성한다고 해보자 let ar = [1, 2, 3]; 그러면 보통 이렇게 쓰는데 이 코드가 실행 되면 내장 객체인 Array가 생성이 된다. 인스턴스(instance)new 로 생성한 object를 인스턴스라고 한다.
node.js express server 띄우기 helllo를 출력해주는 node.js express server를 띄워보자. 필요한 package다음과 같이 3개가 필요하다. express, morgan, corsnpm install --save express morgan cors 프로젝트 구조project_root/server/app.jsindex.js index.js123456'use strict';const app = require('./app');const PORT = process.env.PORT || 9000;app.listen(PORT, () => { console.log(`App listening on port ${PORT}!`);});Colored by Color Scriptercsap..
react-bootstrap쓰는 법 npm install --save bootstrapnpm install --save react-bootstrap부트스트랩이랑 리액트 부트스트랩을 설치한다.import 'bootstrap/dist/css/bootstrap.css'; import 'bootstrap/dist/css/bootstrap-theme.css';위에껄 import해준다.import { Button } from 'react-bootstrap';버튼을 import 해준다.Primary그리고 사용한다. end.
React App 빌드 및 Nginx 연동(배포) 동영상 강의 Nginx에 내가 만든 react app띄우기reactnode js로 개발용 서버를 띄울 수 있습니다. 하지만 nginx를 쓰는 이유는 실제 현장에서 운영용으로는 nginx를 많이 사용합니다. 목차는 아래와 같습니다.1.react app빌드-create-react-app2.Nginx 로컬에 설치- wnmp(window nginx mariadb php)3.nginx의 root를 project/build로 변경하기4.build 하기 end.
cross domain ajax call 하기 1234567891011121314151617$.ajax({ type:"GET", url: url, data:parameter, dataType: "JSONP", cache:false, crossDomain:true, contentType: 'application/json; charset=utf-8', success:function(data){ console.log(data) }, error: function(XHR, textStatus, errorThrown) { console.log(XHR); console.log(textStatus); console.log(errorThrown); }});Colored by Color Scriptercs 기본적인 코드는..
클로저란? 클로저 사용법 1234567891011121314151617181920/** * Created by kyeongrok.kim on 2017-03-31. * closer란? * function에 값을 미리 넣어놓는 것. * javascript는 callback을 넘길 수 있기 때문에 callback에 미리 뭘 넣어놓을 수 있다. */ //일반 function선언const printMessage = (message, who) => console.log(who + "님 " + message); //printHello란 이름으로 closer작성const printHello = (who) => printMessage("반갑습니다.", who) //일반 function 호출printMessage("안녕하..
- Total
- Today
- Yesterday
- docker container whale
- docker container tissue box
- shellscript
- 도커각티슈케이스
- 도커각티슈박스
- vim
- 싱가폴
- docker container
- 도커티슈케이스
- 이직
- docker container tissue
- 2017 티스토리 결산
- 도커컨테이너
- 개발자
- docker container case
- Sh
- Linux
- 도커티슈박스
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |