일기장처럼 쓰이지만, 블로그인 일기장

focus와 blur 이벤트는 input 또는 button 요소에서 동작하지만, 경우에 따라 일반적인 span 요소나 div, p 요소에서 사용 해야 하는 경우가 있다 그런 경우에는 요소에 tabindex를 추가하면 focus와 blur 이벤트를 사용 할 수 있다 tabindex에 -1로 설정한 요소는 focus와 blur CSS 및 Javascript 이벤트가 동작하지만, tabindex에 값을 설정하지 않은 요소는 이벤트가 동작하지 않는다

이전 포스팅인 "vscode에서 typescript 프로젝트 생성"에서 생성한 프로젝트에서 시작 [typescript] vscode에서 typescript 프로젝트 생성 프로젝트를 만들 디렉터리를 생성한 후 $ yarn init 명령어로 package.json파일을 생성한다 $ yarn add --dev typescript tsc @types/node typescript를 위한 모듈을 추가한다 테스트용 임시 코드를 작성 한다.. choiyb2.tistory.com class Car { private name: string; constructor(name: string) { this.name = name; } toString(): string { return `name : ${this.name}`; } }..

e이전 포스팅인 vscode에서 typescript 프로젝트 생성에서 생성한 프로젝트 기준으로 설명한다 vscode에서 typescript 프로젝트 생성 tslint를 사용하기 위해선 tslint, tslint-config-standard 두가지 모듈이 필요하다 $ yarn add --dev tslint tslint-config-standard 적용하고자 하는 프로젝트의 루트 디렉터리에 tslint.json 파일을 위의 내용으로 생성한다 tslint를 글로벌로 설치 하지 않았기 때문에 package.json에 sciprts에 명령어를 등록하여 사용할 수 있다 $ yarn tslint 명령어를 입력하면 위와 같이 위에서 설정한 tslint 설정에 맞지 않은 오류들이 출력된다 위 방법은 작업 중간에 작업자가..

프로젝트를 만들 디렉터리를 생성한 후 $ yarn init 명령어로 package.json파일을 생성한다 $ yarn add --dev typescript tsc @types/node typescript를 위한 모듈을 추가한다 테스트용 임시 코드를 작성 한다 F5를 눌러 디버깅을 시작하면 위와 깉은 오류 메시지가 나타나며 "Open launch.json" 버튼을 누르면 .vscode 디렉터리에 launch.json파일이 생성되고 vscode 에디터에 launch.json파일이 열린다 launch.json 파일을 위와 같이 수정한다 수정된 launch.json파일을 보면 TSC라는 task를 등록하였으므로 TSC라는 task 생성 하여야 한다 .vscode 디렉터리에 위 내용을 tasks.json 파일로 ..

환경 Ubuntu 16.04.4 LTS $ sudo apt-get install nginx 위 명령어로 nginx를 설치한다 $ sudo service nginx start nginx를 시작하고 $ ifconfig 현재 할당된 ip를 확인해 보면 inet addr가 할당된 ip 주소이다 nginx의 기본 페이지가 나타난다 $ cat /etc/nginx/sites-enabled/default 기본적으로 nginx의 설정 디렉토리는 /etc/nginx/이므로위 명령어로 server의 root의 디렉토리를 확인할 수 있다기본이 /var/www/html 이다

환경 Ubuntu 16.04.4 LTS 톰캣8 설치는 아래 명령어로 간단하게 설치가 가능하다 $ sudo apt-get install tomcat8 y를 눌러 설치 $ sudo serivce tomcat8 start 명령어로 톰캣을 실행한다 $ ifconfig 위 명령어로 ip 주소를 확인 inet addr의 ip주소:8080으로 접속하면 톰캣의 초기 화면이 나타난다

환경Ubuntu 16.04.4 LTS $ java -version자바 설치 여부 확인한다 현재 자바가 설치되어 있지 않다 $ sudo add-apt-repository ppa:webupd8team/java자바 8을 설치하기 위해서 ppa를 설치 add-apt-repository 명령어를 찾을수 없다고 나온다면 $ sudo apt-get install python-software-properties$ sudo apt-get install software-properties-common위 두줄의 명령어를 입력한다 ppa를 설치 하고 난 뒤$ sudo apt-get update 업데이트가 끝난 후$ sudo apt-get install oracle-java8-installer명령어 입력한다 OK를 선택 YES..

Node.js 프로그래밍을 하다보면 DB가 필요하여 DB를 구축하다보면 내가 만들고자 하던 코드보다 DB 구축등의 작업이 더 필요하게 되는 경우가 있어 배보다 배꼽이 커지는 경우가 있다 그래서 간단하게 사용할 수 있는 DB가 있다 https://github.com/louischatriot/nedb nedb는 별도로 DB를 설치하지 않고 사용자가 하는 디렉토리에 파일 형태로 DB파일을 생성하여 사용한다 npm install nedb 위 명령어를 통해 nedb 모듈을 설치한다 그리고 예제 소스를 실행한다 간단한 사용방법정도만 작성해보았는데 nedb의 github 페이지에는 다양한 사용 방법이 있으니 참고하면 좋을것 같다

WebDriver를 이용하면 자바를 이용하여 특정 웹 페이지의 정보를 가져오거나 스크린샷을 생성 할 수 있다 https://sites.google.com/a/chromium.org/chromedriver/downloads 우선 자바를 이용하여 크롬을 컨트롤 해야 하므로 다운로드 링크로 들어가서 각자 OS에 맞추어서 드라이버를 다운로드 한다 이클립스에 프로젝트를 만들고 Maven으로 설정하고 다운로드한 웹 드라이버는 해당 프로젝트의 webdriver 디렉토리에 이동 한다 웹 드라이버의 라이브러리는 2가지가 필요하다 selenium-server gson 위 두가지 라이브러리는 https://mvnrepository.com/에서 검색하여 pom.xml 파일에 등록한 후 Maven Update를 하여 라이브러리..

라즈베리파이에 전원 케이블 하나만 연결하여 사용하기 위해서 라즈베리파이의 내장 무선랜으로 공유기에 연결하려고 한다 iwconfig 명령어를 입력하여 보면 아직 무선랜으로 연결한 AP가 없기 때문에SSID의 내용도 없고 AP에 대한 내용도 없다 공유기에 연결하기 전에 먼저 연결할 공유기의 SSID와 공유기에 설정한 비밀번호를 psk로 변환 하여야 한다 wpa_passphrase 를 입력하면 SSID와 입력한 비밀번호 그리고 변환된 PSK가 출력된다 출력된 결과를 복사한다 vi, vim, nano등을 이용하여 /etc/wpa_supplicant/wpa_supplicant.conf 파일을 열어출력된 결과를 붙혀 넣고 저장하고 라즈베리파이를 재부팅 한다 iwconfig 명령어를 다시 입력해 보면 무선랜이 연걸된..