bluemix cloud에 node.js app 만들기 요즘 클라우드가 대세지. IBM도 클라우드 서비스를 해. 클라우드로 유명한건 amazone AWS이긴 한데 IBM Bluemix의 특별한 점은 'watson'을 App에다가 바로 붙힐 수 있다는거야. 암튼 IBM Bluemix가 괜찮은 서비스 인 것 같으니까 한번 해보도록 할게. 구글에 Bluemix라고 검색 하면 바로 들어 갈 수 있어. 여기서 가입은 쉬우니까 이메일주소랑 pw만 넣으면 계정을 쉽게 만들 수 있어. 만들고 나서 로그인을 하면 아래와 같은 화면이 나와. 여기에서 상단에 '애플리케이션 작성'을 선택 해. 그러면 아래와 같이 '카탈로그'로 넘어가. 위 화면이 안나오면 '카탈로그'를 바로 누르면 돼. 그럼 위와 같은 화면이 나와. 뭐가 많..
Telegram Bot 만들기 텔레그램을 켜고 상단 검색창에 '@botfather'이라고 검색을 합니다. 그담에 아래와 같이 채팅창에 '/newbot' 이라고 입력합니다. 그러면 '봇 이름을 입력'하라고 나옵니다. 저는 IBM 왓슨이랑 연결할 예정이므로 'weather_watsonBot'이라고 이름을 지었습니다. 엔터를 치면 봇이 만들어집니다. HTTP API를 알려줍니다. 잘 메모 해놓으셔야 합니다. 잘 만들었다면 상단 검색창에 내가 만든 봇 이름을 입력하면 검색이 됩니다. 저는 'weather_watsonBot'이라고 만들었습니다. 검색된 봇을 누르고 시작 버튼을 누르면 봇에게 메세지를 보낼 수 있습니다. 아무 대답이 없더라도 '안녕', 'hello'이런거 하나라도 일단 보내봅니다. 그래야 아래 과정..
react di 하기 react에서 component를 props로 넘겨주고 싶을 때가 있다. 그래서 쓴다. 넘길 때render:function(){ let gameList = this.props.gameList; const scoreBox = (item, upMark, downMark)=>( ); return( ) } 받을 때 {normalGameList.map((item, key)=>{ return (this.props.scoreBox(item, this.handleUpBookmark, this.handleDownBookmark )); })} 요약을 하자면 component를 props로 넘길 때 함수에 싸서 넘긴다.이걸 일급함수 라고 하는데 일급 함수는 Parameter로 넘길 수 있다. 일급 함수..
javascript ecma6 function lambda표현법 자바스크립트 es6(es2015) 문법에서 'function'을 간단하게 줄여서 표현하는 방법이 있어서 정리해본다. 람다 표현법을 쓰면 코드 길이를 줄이고 코딩을 조금 더 빨리 할 수 있다. 스칼라나 파이썬에서도 해당 표현 방법을 많이 쓰는걸 보면 요즘 트렌드인것 같다. 심지어 자바도 8버젼부터 해당 기능이 interface와 연결되어서 구현되어 있다. 'function'을 매번 입력하는걸 매우 귀찮아한 개발자들이 추가 했을 것이라고 생각한다. 소스코드123456789101112131415161718192021222324252627282930313233343536//일반 javascript functionvar printHello_norma..
React Webpack을 하려면 필요한 것들 React를 하려면 Webpack은 기본으로 사용하니까 같이 다룬다.. Webpack쓰려면 Node.js는 있어야 하는 것이고. Node.js는 해당 사이트에 가면 다운로드 받고 쉽게 설치 할 수 있다. Webpack을 왜 쓰는가에 대해 간단히 이야기 해보자면 html하고 .js로 웹페이지 개발 하는데 규모가 커지고 조직화 되다보니까 이런 도구들이 자연스럽게 필요하게 되었다. 이것은 web을 쓰는 인구가 늘어나고, 스마트폰이 나오고 기술이 발전하고 네트웍이 빨라지는 등 it가 발전했기 때문. 마차를 타고 다니던 시절에서 자동차가 나오면서 자동차 운전 면허증, 보험 등이 자연스럽게 필요해진것과 같다. 나도 Webpack 안쓰고 해볼려고 했는데 결국은 쓰게 되더..
react webpack(웹팩) build과정 Webpack이란?여러개의 .js파일을 한개의 파일로 합칠때 쓴다.예를들어 react, react-dom, react-router, redux, 내가 만든 모듈1, 내가 만든 모듈2 ····· 내가만든 모듈 30 이렇게 34개를 사용하는 웹 앱을 만들었을 경우 이걸 압축 & 빌드 해서 배포를 해야 하는 경우에 사용한다. 압축 & 빌드를 왜 해야 하냐면 요즘은 모듈별로 쪼개서 웹앱을 만들고 사용자가 해당 웹앱에 접근을 할 때 파일이 여러개로 나누어져 있으면 전송되는 양도 그만큼 커지기 때문에 느리고, 브라우저 내부적으로 빌드를 해야 한다면 시간이 오래 걸리기 때문이다. 초기에는 js 라이브러리를 사용 할 때는 이 코드를 넣어서 해당 라이브리리를 받았는데 이 방..
javascript json array sort 자바스크립트로 json array를 sort해보겠습니다 var homes = [ { "h_id": "3", "city": "Dallas", "state": "TX", "zip": "75201", "price": "162500" }, { "h_id": "4", "city": "Bevery Hills", "state": "CA", "zip": "90210", "price": "319250" }, { "h_id": "5", "city": "New York", "state": "NY", "zip": "00010", "price": "962500" } 위와 같이 생긴 json array를 sorting하는 코드는 아래와 같습니다. homes.sort(function..
javascript class생성 및 member filed에 값 binding 그리고 member 출력 1.Person이라는 class 생성2.person 클래스를 출력하는 function3.경록김, 경록문으로 Person object 2개 생성4.for in을 이용해 생성한 object의 member 출력 Source Code 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 function Person(){ var name; var age; var addr; var disp; } function printPerson(person){ document.write("--------------..
javascript 구구단 출력 로직 12345678910111213141516171819202122232425262728293031323334353637383940414243444546 // gugudan에 구구단을 json object로 넣어주는 로직 var gugudan = {2:[], 3:[], 4:[], 5:[], 6:[], 7:[], 8:[], 9:[]}; var templete = {"dan":0, "var_2":0, "result":0}; var Templete = function(){ var dan = 0; var var_2 = 0; var result = 0; } for(var dan = 2 ; dan
- Total
- Today
- Yesterday
- docker container case
- docker container
- 2017 티스토리 결산
- 도커각티슈케이스
- docker container tissue
- vim
- 도커티슈케이스
- 개발자
- 이직
- 도커컨테이너
- docker container tissue box
- 도커각티슈박스
- docker container whale
- shellscript
- 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 |