뷰티풀 프로그래밍

Promise로 단계별로 실행하기 Colored By Color Scripter™1234567891011// Promise로 단계별로 실행하기// 이렇게 하면 promise를 한개만 만들어서 .then으로 순차적으로 처리할 수 있다.new Promise((resolve) => { resolve(1); // 핵심은 첫번째는 resolve() 를 쓴다는 것.}).then((result) => { console.log('first:', result) return result + 'hello';}).then((result) => { console.log('second:', result) return result + 'nello';}); resultfirst:1second:1hello 마지막에 nello는 con..

electron에서 express쓰기 참고 : https://blog.samuelattard.com/using-express-inside-electron/결론부터 말하자면 electron에서 express를 쓰는건 안된다. 어찌어찌 띄울수는 있는데 사용자 pc마다 방화벽 설정도 대부분 되어있고로컬에서 포트를 오픈한다는 것 자체가 꽤나 위험을 동반하는 일이기 때문이기도 하다.내꺼에서는 되었다고 해도 배포한 pc에서는 안될 수 있다는 것.그런데 왜 안돼는 express를 자꾸 쓰고 싶을까?왜냐하면 restful api를 구축을 하고 싶기 때문이다. 이 방법이 익숙하고 앱을 만드는데 굉장히 좋은 방법이기도 하다. 나도 그래서 electron에 express를 어떻게 띄워볼려고 계속 찾아보다가 결국은 이게 안된..

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..

python3 pycharm에서 scrapy(스크래파이) 설치하기1.스크래파이 설치import scrapy 위 화면처럼 import scrapy 라고 입력하면 scrapy가 설치가 안되어 있다면 scrapy에 빨간색 밀줄이 쳐진다.그때 Alt + enter를 누르면 설치된다. 설치 하다가 VisualBasic 2014 에러가 난다면 아래 링크에서 VB를 설치 해준다.http://landinghub.visualstudio.com/visual-cpp-build-tools 2.스크래파이 커맨드 실행하기그리고 윈도우 커맨드라인으로 안나가고 pycharm에서 ctrl + shift + f10 으로 실행시키고 싶다면 아래 처럼 하면 된다.from scrapy.cmdline import executeexecute()..

java stream map reduce(자바 스트림 맵 리듀스) 2004년 구글이 맵리듀스 심플리파이드 데이터 프로세싱 온 라지 클러스터스(MapReduce: Simplified Data Processing on Large Clusters)라는 논문을 발표하면서 '빅데이터'라는 키워드가 등장함과 동시에 '맵리듀스'라는 키워드도 같이 이슈가 되기 시작하였다. 해당 논문은 아래 링크 https://static.googleusercontent.com/media/research.google.com/en//archive/mapreduce-osdi04.pdf 자바8에서 stream()이 나오면서 이 스트림 안에서 .map()과 .reduce()를 사용할 수 있게 되었다. 맵( .map..

ㅣ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를 인스턴스라고 한다.

Java List사용법 Java List란?List 인터페이스를 말한다. List는 순서가 없고 계속 추가를 할 수 있는 자료구조이다. Java List에서 특정 조건으로 검색해서 object찾기 1234567891011121314151617@Testpublic void filter() throws Exception { List list =new ArrayList(); //object를 생성해서 list에 넣는다. GameMap gameMap1 = new GameMap(1, 1, 1, "abc"); GameMap gameMap2 = new GameMap(1, 1, 3, "abc"); list.add(gameMap1); list.add(gameMap2); assertEquals(2, list.size()..

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.