웹 서버에서 웹 텍스트 데이터 읽기

블로그를 읽은 횟수는 텍스트 정보다. 21,870 히트 이 정보를 웹 서버에서 사용할 수 있다. 이 데이터를 HTML5 형식으로 바꾸고 브라우저로 읽을 수 있도록 웹 서비스로 만들었다. 그 과정을 정리했다. 노드 설치가 필요하다. 이렇게 바꾸겠다. Node.js 웹 서버 텍스트 데이터를 브라우저 접속을 통하여 보여주려면 웹 서버가 필요하다. 웹 서버로 Node.js를 사용할 텐데 내장 모듈인 http 대신 … 웹 서버에서 웹 텍스트 데이터 읽기 계속 읽기

동네 도서관에서 책 찾기

동네 도서관에서 책 찾기 웹 서비스를 만들어 사용하고 있었는데 불편했다. 수정 내용을 간단하게 정리했다. 수정 전 https://dongne.herokuapp.com/ 우선, 책 이름을 입력한 후 나타나는 회색 바탕의 도서관 이름들의 의미가 분명하지 않다. 검색 시작 버튼을 눌렀는데 내용에 비해 화면이 너무 작아서 검색 결과를 볼 수 없으며 다시 시작 버튼의 의미가 분명하지 않다. 간단한 기능임에도 어떻게 사용해야 하는지 … 동네 도서관에서 책 찾기 계속 읽기

로그 문자열에 라인 번호 넣기 – JavaScript

디버깅 메시지에 소스 파일의 줄 번호를 넣고 싶을 때가 있다. 나의 경우 대량의 AngularJS 코드를 전달 받고 그런 마음이 들었다. 그 당시 AngulasJS는 처음이었다. 모든 함수의 시작과 끝에 로그를 넣었다. 당신의 당황하는 모습을 볼 수 있지만 무시하겠다. 콘트롤러와 필터도 함수임으로 예외 없이 로그를 넣었다. 느리게 동작하는 것은 중요하지 않았다. 로그 메시지 출력하는 함수로는 가장 유명한 … 로그 문자열에 라인 번호 넣기 – JavaScript 계속 읽기

로그 파일에서 시간 간격 추출하기 – JavaScript

로그에서 특정 문자열 사이에 시간 간격을 알아야 하는 경우가 있다. 실시간 성능 테스트할 때도 필요하고 메일로 전달 받은 로그를 분석할 때도 그렇다. 로그에 표시되는 시간을 사용하여 시간을 계산하는 작은 스크립트를 설명한다. 웹뷰에서 동작하는 서비스를 개발할 때 자주 사용했음으로 안드로이드 앱 로그에서 특정 문자열 사이의 시간 간격을 표시하는 예를 들겠다. 안드로이드 로그 읽기 아래 명령을 사용하여 … 로그 파일에서 시간 간격 추출하기 – JavaScript 계속 읽기

이 책을 빌릴 수 있을까? – Web API

도서관 책을 빌릴 수 있는지 확인하는 웹 서비스를 만들고 있다. 그런데 프런트엔드와 Web API 부분이 너무 밀접하게 구성되어서 Web API 서버를 분리했다. 검색 가능한 도서관 리스트를 읽을 수 있고 책 제목과 도서관 이름을 알려주면 그 책을 빌릴 수 있는지 알 수 있다. 각 URL은 JSON 문자열을 돌려준다. Express를 사용하고 있다. 이 서비스는 heroku 무료 서버에서 … 이 책을 빌릴 수 있을까? – Web API 계속 읽기

웹 데이터 읽기 – 일렉트론

여러 가지 방법을 사용하여 웹 데이터를 읽고 있다. 이번에는 일렉트론을 사용하여 서울의 기온을 읽는 방법을 시도하겠다. 유틸리티 사용하는 방법 Node.js 사용하는 방법 크롬 확장 사용하는 방법 일렉트론 사용하는 방법 일렉트론 설치 일렉트론을 사용하기 위해서는 설치가 필요하다. $ npm install -g electron 그리고 예제 파일이 필요하다. $ git clone https://github.com/electron/electron-quick-start $ cd electron-quick-start 이 예제 파일에서는 … 웹 데이터 읽기 – 일렉트론 계속 읽기

웹 데이터 읽기 – 크롬 확장

서울의 현지 기온을 웹에서 읽기 위해 여러 방법을 사용하고 있다. 유틸리티를 사용하는 방법 Node.js를 사용한 방법 서울의 기온 데이터가 있는 URL 주소와 온도 문자열 추출할 수 있는 CSS selector 문자열을 사용했다. 1. 크롬 확장 만들기 이번에는 크롬 확장을 이용하여 브라우저에서 서울의 온도를 읽을 예정이다. 크롬 확장을 만들기 위해 디렉터리를 하나 만들고 3개의 파일을 작성하겠다. $ … 웹 데이터 읽기 – 크롬 확장 계속 읽기

웹 데이터 읽기 – Node.js

서울의 기온 데이터를 웹에서 읽는 여러 가지 방법을 시도하고 있다. 이전 글에서는 cURL과 hgrep을 사용하여 웹 데이터를 읽었다. 이번에는 아래 데이터와 Node.js 자바스크립트를 사용하여 서울의 현재 기온을 표시하겠다. https://www.accuweather.com/ko/kr/seoul/226081/weather-forecast/226081 #current-city-tab > a > span.local-temp 첫 줄은 서울의 현재 기온을 나타내는 웹 사이트 URL이고 두 번째 줄은 그 페이지에서 온도 문자열을 찾을 수 있는 CSS selector … 웹 데이터 읽기 – Node.js 계속 읽기

Callback 많을 때 Async 사용하기

동시에 수행되는 비동기 응답을 처리하려고 callback 함수 여럿 사용했더니 금세 코드가 어지러워졌다. 이 코드는 도서관 홈페이지를 읽어서 책 정보를 읽어오는 기능의 일부다. booklist로 전달된 책들에 대하여 대출되었는지 확인하여 그 결과를 getBook 함수에게 딱 한번 전달하는 것이다. 검색 별로 종료 시점을 알지 못해서 모든 검색의 종료를 확인하기 위해 checkPoint, checkPointLimt 변수를 사용하고 있어서 복잡하다. 어느 부분이 … Callback 많을 때 Async 사용하기 계속 읽기

자바스크립트의 클로저

대부분의 작업을 함수를 사용하여 처리하면서도 함수형 언어도 아니고 대부분이 객체이지만 클래스도 없다. 자바스크립트는 정말로 이상하게 동작한다. 함수에 함수를 전달하는 방식은 처음에는 이상하지만 자주 사용하다 보니 편하다. C 언어에서 함수 포인터를 함수 인자로 넘겨서 호출할 수 있지만, 함수만 연결된다. 이와 다르게 자바스크립트는 수행할 함수를 전달할 때 수행 환경도 같이 전달할 수 있다. 클로저라고 한다. 클로저와 비동기 … 자바스크립트의 클로저 계속 읽기

이 책을 빌릴 수 있을까? – Node.js

종종 도서관에 가서야 내가 빌리려는 책을 누군가 미리 빌려 간 것을 알게 된다. 도서관 가기 전에 도서관 홈페이지에서 누가 빌려갔는지 확인하는데 두 곳의 도서관에 주로 감으로 두 도서관의 홈페이지에 방문하고 마우스 클릭하고 책 이름 입력하는 것을 반복해야 했다. 이럴 때 아래 유틸리티를 사용하면 터미널에서 쉽게 확인할 수 있다. 더불어 라이브러리로 사용하면 다른 스크립트와 쉽게 연동할 … 이 책을 빌릴 수 있을까? – Node.js 계속 읽기

브라우저에서 브라우저 실행 – JavaScript

1. 웹에서 로컬 노트북 파이어폭스 호출하기 스마트폰 브라우저에서 버튼을 누르면 노트북에 있는 파이어폭스 브라우저가 시작되길 원했다. 대단한 기술이라는 생각은 들지 않지만 상상한 것을 얼마나 빨리 프로토타입으로 만들 수 있는지 궁금했다. Node.js와 브라우저만 있으면 된다. 우선 스마트폰 브라우저로 접속할 수 있는 웹 서버를 만들 생각이다. 사용될 파일 2개를 만든다. $ cd /tmp $ touch app.js index.html … 브라우저에서 브라우저 실행 – JavaScript 계속 읽기