뷰티풀 프로그래밍

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은 null과 undefined를 구분한다. null은 의도적으로 null을 부여한 것이고 undefined는 아무 값도 할당하지 않은 것이다. 위와 같은 차이가 있다. var a = null; 이라고 선언하면 chrome console창에는 undefined라고 뜨는데다시 a를 호출하면 null이라고 나온다. b는 둘다 undefined라고 나온다.

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

gradle로 jpa hibernate 빌드하기 with mysql project 구조c:\practice\hibernate_gradle_01 에 만들었다.project명은 hibernate_gradle_01 로 정했다. build.gradlegroup 'hibernate_gradle_01' version '1.0-SNAPSHOT' apply plugin: 'java' sourceCompatibility = 1.5 repositories { mavenCentral() } dependencies { testCompile group: 'junit', name: 'junit', version: '4.11' // https://mvnrepository.com/artifact/org.hibernate/hibern..

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

python file을 생성하고 파일 내용 출력하는 함수 만들기 permission denied(권한 없음)이 나오면 관리자 권한으로 idea를 실행할 것. python으로 데이터를 분석 할 때 file을 읽어와서 분석하는 경우가 많은데 약간 헷갈리는게 있어서 정리해 보았다. 일단 파일 저장하기 12with open("./hello.txt", mode="w+") as f: f.write("hello \n")cs 파일에서 한줄씩 불러와서 []로 받기1234f1 = open("./hello.txt", mode='r')lines = f1.readlines() print(lines)cs 파일 전체 불러오기12file = open("./exchange_rate.json","r")print(file.read())c..