본문 바로가기

분류 전체보기463

Node.js에서 ES6 기능 Default Parameter 사용 방법 안녕하세요. 혀코입니다. 오늘은 Node.js에서 ES6 기능인 Default Parameter 사용 방법에 대해서 알아보겠습니다. app.js를 다음과 같이 작성합니다. const greeter = (name) => { console.log('Hello ' + name) } greeter('Hyukho') 그리고 node app.js 명령어를 실행하면, 'Hello Hyukho'가 출력됩니다. 이번에는 greeter 함수에 다음과 같이 parameter 를 넣지않고 작성해 보겠습니다. const greeter = (name) => { console.log('Hello ' + name) } greeter() 그리고 node app.js 명령어를 실행하면, 'Hello undefined'가 출력됩니다. 함.. 2020. 1. 19.
Node.js에서 query 값을 받아서 핸들링하는 방법 안녕하세요. 혀코입니다. 오늘은 Node.js에서 query 값을 받아서 핸들링하는 방법에 대해서 알아보겠습니다. $ mkdir query-string $ cd query-string $ touch app.js $ npm init $ npm install express query-string 폴더를 만들고, query-string 폴더 안으로 이동해서 app.js 파일을 만들고, npm 초기화해서 package.json파일을 만듭니다. 그리고 서버를 사용하기 위해 express 를 설치합니다. app.js 파일을 다음과 같이 작성합니다. const express = require('express') const app = express() app.get('', (req, res) => { res.send(.. 2020. 1. 18.
인스타그램(Instagram) 사진 및 동영상 다운로드 방법 안녕하세요. 혀코입니다. 오늘은 인스타그램(Instagram) 사진 및 동영상 다운로드 하는 방법에 대해서 알아보겠습니다. 인스타그램 Instagram 사진 및 동영상을 다운로드 하려면, instagram-scraper 라는 프로그램이 필요합니다. instagram-scraper 프로그램은 github에 있습니다. 파이썬 python으로 실행하기 때문에 파이썬 python을 먼저 설치하시는 것을 추천드립니다. 파이썬을 설치합니다. https://www.python.org/ Welcome to Python.org The official home of the Python Programming Language www.python.org 파이썬 설치가 다 끝나셨다면, 그 다음으로 커맨드창을 열어 다음 명령어를 .. 2020. 1. 17.
유튜브(Youtube) 동영상 다운로드 하는 방법 안녕하세요. 혀코입니다. 오늘은 유튜브(Youtube) 동영상 다운로드 하는 방법에 대해서 알아보겠습니다. 유튜브 동영상을 다운로드 하려면, youtube-dl 프로그램이 필요합니다. 참고로 youtube-dl 프로그램은 윈도우(Windows)와 맥(MacOS) 그리고 Linux에서 사용 가능합니다. youtube-dl을 설치하기 전에 Python을 설치하고 진행해 주는 것을 권장합니다. https://www.python.org/ Welcome to Python.org The official home of the Python Programming Language www.python.org Windows 설치 방법은 아래 링크에서 exe 파일을 다운 로드 받아서 설치하면 됩니다. https://yt-dl... 2020. 1. 16.
웹브라우저 탭에 아이콘(파비콘 Favicon) 추가하는 방법 안녕하세요. 혀코입니다. 오늘은 웹브라우저 탭에 아이콘 일명 파비콘 Favicon 을 추가하는 방법에 대해서 알아보겠습니다. 파비콘 favicon으로 쓸 png 이미지를 준비해서 img 폴더에 넣습니다. favicon 이미지는 정사각형이 가장 좋습니다. 그리고 HTML의 head 태그안에 다음과 같이 작성해 주면 웹브라우저 탭에서 아이콘이 보여지는 것을 확인할 수 있습니다. Hello World Welcome to Hyukho's website 이렇게 웹브라우저 탭에 아이콘 일명 파비콘 Favicon을 추가하는 방법에 대해서 알아봤습니다. 유용하셨다면, 공감과 구독 부탁 드립니다. 감사합니다. 2020. 1. 15.
기본 메인화면 레이아웃 정리하는 방법(flex, flex-grow) 안녕하세요. 혀코입니다. 오늘은 기본 메인화면의 레이아웃을 flex의 flex-grow를 사용해서 정리하는 방법을 알아보겠습니다. HTML 파일을 다음과 같이 작성합니다. body 안에 main-content와 footer 이렇게 두개로 나누었습니다. Hello World Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pre.. 2020. 1. 15.
신혼부부 버팀목 전세자금대출 신청하는 방법(feat. 국민은행) 안녕하세요. 혀코입니다. 오늘은 버팀목 전세자금대출 신청하는 방법에 대해서 알아보겠습니다. 바로 어제 신혼부부 버팀목 전세자금 대출을 신청했습니다. 그래서 이번 포스트는 버팀목 전세자금대출 신청 후기라 봐도 무방할 것 같습니다. 버팀목 전세자금대출은 무주택자가 받을 수 있는 전세 대출상품 중 하나입니다. 그 중에서도 신혼부부 조건이 붙는 것을 신혼부부 버팀목 전세자금대출이라고 해서 일반 버팀목 전세자금 대출보다 이율이 낮은것이 장점입니다. 일반 버팀목 전세자금 대출과 신혼부부 버팀목 전세자금 대출 이율 비교 확인해 보겠습니다. 일반 구분 임차보증금 5천만원 이하 5천만원 초과 1억원 이하 1억원 초과 소득수준 부부합산 연소득 2천만원 이하 연 2.3% 연 2.4% 연 2.5% 2천만원 초과 4천만원 이하.. 2020. 1. 15.
Node.js 포스트 링크 모음 안녕하세요. 혀코입니다. 오늘은 그동안 포스팅했던 Node.js 글들을 모아서 볼 수 있도록 링크 정리를 해놓도록 하겠습니다. https://smilehugo.tistory.com/entry/nodejs-npm-libraries-you-should-know Node.js의 필수적인 주요 NPM 라이브러리 모음 안녕하세요. 혀코입니다. 오늘은 Node.js의 필수적인 주요 NPM 라이브러리를 한눈에 볼 수 있도록 정리를 해볼까 합니다. nodemon https://www.npmjs.com/package/nodemon nodemon Simple monitor script for use.. smilehugo.tistory.com https://smilehugo.tistory.com/entry/nodejs-ho.. 2020. 1. 15.
Node.js에서 404 Page not found 페이지 설정하는 방법 안녕하세요. 혀코입니다. 오늘은 Node.js에서 404 Page not found 페이지 설정하는 방법에 대해서 알아보겠습니다. express.js와 handlebar.js의 express view engine인 hbs를 설치 후 페이지 템플릿 설정이 되어있는 상태에서 시작합니다. 이전 포스트를 참고 부탁 드립니다. https://smilehugo.tistory.com/entry/nodejs-how-to-use-hbs-external-module Node.js에서 hbs 외장모듈 사용하는방법 안녕하세요. 혀코입니다. 오늘은 Node.js에서 hbs외장모듈 사용하는 방법에 대해서 알아보겠습니다. hbs 외장 모듈은 템플릿을 정의하는 handlebar.js의 express.js view engine입니다... 2020. 1. 11.
Node.js에서 hbs 외장모듈 사용하는방법 안녕하세요. 혀코입니다. 오늘은 Node.js에서 hbs외장모듈 사용하는 방법에 대해서 알아보겠습니다. hbs 외장 모듈은 템플릿을 정의하는 handlebar.js의 express.js view engine입니다. hbs를 사용해서 html의 반복되는 구성요소를 분리해서 만들어두고 필요한 곳에서 사용할 수 있게 만들 수 있습니다. hbs는 handlebar.js의 epxress.js view engine 이므로, express를 설치후에 hbs를 설치하도록 합니다. $ npm install express $ npm install hbs 프로젝트 루트 폴더에서 public 폴더를 만들고 그 안에 index.html 파일을 다음과 같이 작성합니다. Hello World Created by Hyukho ind.. 2020. 1. 10.
Node.js에서 Path 내장모듈 사용하는 방법 안녕하세요. 혀코입니다. 오늘은 Node.js에서 Path 내장모듈 사용하는 방법에 대해서 알아보겠습니다. Path 모듈은 폴더의 경로를 지정하는데 사용됩니다. app.js를 다음과 같이 작성합니다. const path = require('path') console.log(path.join(__dirname,'../')) __dirname 은 현재 폴더위치를 나타냅니다. 그리고 ../ 는 상위폴더로 이동입니다. D:\hugo\playground\nodejs\basics 에서 node app.js 를 실행하면, 코드 실행한 폴더 [D:\hugo\playground\nodejs\basics] $ node app.js D:\hugo\playground\nodejs\ 한단계 상위폴더를 출력하는 것을 확인할 수 .. 2020. 1. 10.
프로그래밍 프로그램 (IDE + Text Editor) 총정리 안녕하세요. 혀코입니다. 오늘은 프로그래밍 프로그램 (IDE Integrated Development Environment 와 Text Editor) 총정리 해보겠습니다. 프로그래밍 프로그램 정리 순서는 개인적인 경험 및 검색에 의한 선호도에 따라 정리해봤습니다. #1. Visual Studio Code 가장 유명한 프로그래밍 프로그램입니다. 무료입니다. (사실 제가 가장 좋아하는 프로그래밍 프로그램이에요) 프로그래밍을 시작하는 주변분들이 있다면, 주저하지 않고 Visual Studio Code를 추천합니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code edito.. 2020. 1. 10.
Node.js에서 현재 실행중인 파일의 경로 출력하는 방법 안녕하세요. 혀코입니다. 오늘은 Node.js에서 현재 실행중인 파일의 경로를 출력하는 방법에 대해서 알아보겠습니다. 지난번에 현재 위치한 폴더의 경로를 출력하는 방법과 매우 유사합니다. 파일의 경로는 __filename 폴더의 경로는 __dirname 으로 값을 얻을 수 있습니다. app.js를 다음과 같이 작성합니다. const currentFilename = __filename console.log(currentFilename) 변수 currentFilename 에 현재 실행중인 파일의 전체 경로를 저장하고 console.log를 통해서 해당 변수를 출력하는 코드입니다. 다음 명령어를 실행하면, $ node app.js 현재 실행중인 파일의 전체경로가 출력되는 것을 확인할 수 있습니다. 이렇게 No.. 2020. 1. 9.
Node.js에서 현재 폴더 경로 출력하는 방법 안녕하세요. 혀코입니다. 오늘은 Node.js에서 현재 폴더 경로를 출력하는 방법에 대해서 알아보겠습니다. 프로그래밍을 하다보면 현재 폴더 경로를 출력하거나 변수로 받을 경우가 있는데요. 수동으로 일일히 타이핑하지 말고, 프로그래밍을 하는 개발자 답게 현재 파일이 실행되는 폴더 경로를 출력하는 방법에 대해서 설명을 드리도록 하겠습니다. app.js를 다음과 같이 작성합니다. const currentDirectory = __dirname console.log(currentDirectory) 그리고 다음 명령어를 통해 실행해봅니다. $ node app.js 그럼 현재 폴더 경로가 표시되는 것을 확인할 수 있습니다. 이렇게 Node.js에서 현재 폴더 경로를 출력하는 방법에 대해서 알아봤습니다. 유용하셨다면,.. 2020. 1. 9.
Node.js에서 서버 구동해서 기본폴더 지정해서 디폴트 index.html 파일 보여주는 방법 안녕하세요. 혀코입니다. 저번에 Node.js에서 서버를 구동한 다음 html 파일을 보여주는 것에 대해 알아보았는데요. 이번에는 지난번과 다른 방법인 기본폴더를 지정해서 디폴트 index.html 파일을 보여주는 것에 대해 알아보겠습니다. 지난번 실행했던 코드는 다음과 같습니다. This is index.html const express = require('express') const app = express() app.get('', (req, res) => { res.sendFile(__dirname + '/index.html') }) app.get('/about', (req, res) => { res.send('This is About Page') app.listen(3000, () => { con.. 2020. 1. 9.
Node.js에서 Express로 서버 구동하고 html 파일 보여주는 방법 안녕하세요. 혀코입니다. 오늘은 Node.js에서 Express로 서버 구동하고 html 파일 보여주는 방법에 대해서 알아보겠습니다. 지난번에 Node.js에서 Express로 서버 구동하고 웹페이지까지 추가하는 방법에 대해서 알아봤는데요. const express = required('express') const app = express() app.get('', (req, res) => { res.send('I am Iron Man') }) app.get('/about', (req, res) => { res.send('This is About Page') }) app.listen(3000, () => { console.log('I love you 3000') }) 위의 코드처럼 해당 페이지에 res.s.. 2020. 1. 9.
Node.js에서 Express로 서버 구동한 후 웹페이지 추가하는 방법 안녕하세요. 혀코입니다. 오늘은 Node.js에서 Express로 서버 구동한 후 웹페이지 추가하는 방법에 대해서 알아보겠습니다. 지난번에 Express로 서버 구동하는 방법까지 알아봤습니다. const express = require("express") const app = express() app.get('', (req, res) => { res.send('I am Iron Man') }); app.listen(3000, () => { console.log('I love you 3000.') }); 그래서 메인페이지에 'I am Iron Man' 이 표시되는 것까지 확인했습니다. 이제는 추가로 페이지를 만들어 보겠습니다. const express = require("express") const app.. 2020. 1. 9.
Node.js에서 request npm 대신 https 내장모듈 사용하는 방법 안녕하세요. 혀코입니다. 오늘은 request npm 대신에 https 내장모듈을 사용하는 방법에 대해서 알아보겠습니다. request를 통해서 현재 날씨에 대한 데이터를 받는 방법은 다음과 같습니다. request npm 라이브러리를 설치 후에, app.js를 다음과 같이 작성하면 됩니다. const request = require('request') const url = 'weather-api-url-with-current-location' request({url, json: true}, (error, response) => { console.log(response.body.currently) }) request npm 대신에 https 내장모듈을 사용할 때에는 app.js를 다음과 같이 작성하면 됩.. 2020. 1. 9.
네이버 동영상 다운로드 받을 수 있는 방법 안녕하세요. 혀코입니다. 오늘은 네이버 동영상 다운로드 받을 수 있는 방법에 대해서 알려드리겠습니다. #1. 다운로드 받고 싶은 네이버 동영상에서 공유 버튼을 클릭합니다. #2. 소스코드를 클릭하고, 해상도를 변경한후 HTML 소스를 복사합니다. #3. To get FLV 웹사이트로 이동합니다. http://2getflv.com/ To Get FLV You need javascript enabled to use this tool, please enable first. 2getflv.com #4. 복사된 HTML코드를 아래 검색창에 넣고 검색 버튼을 클릭합니다. #5. 그러면, 아래쪽에 '위 저작권법에 동의하며 다운로드합니다.'라는 글자가 표시됩니다. 해당 글자를 클릭합니다. #6. 그러면 새로운 탭 하나.. 2020. 1. 8.
Node.js에서 ES6 기능인 Object destructuring 사용하는 방법 안녕하세요. 혀코입니다. Node.js에서 ES6 기능인 Object destructuring을 사용하는 방법에 대해서 알아보겠습니다. app.js를 다음과 같이 작성합니다. const product = { label: 'Avengers Shirt' price: 50 stock: 7 } const label = product.label const price = product.price console.log(label) console.log(price) 여기서, label과 price 변수에 product object의 각 key값에 해당하는 value를 할당하기 위해서 각각 product.label, product.price 이렇게 지정했는데요. ES6에서 지원하는 기능인 object destructur.. 2020. 1. 8.
Node.js에서 ES6 기능인 Object Property Shorthand 사용하는 방법 안녕하세요. 혀코입니다. 오늘은 Node.js에서 ES6 기능인 Object Property Shorthand를 사용하는 방법에 대해서 알아보겠습니다. app.js를 다음과 같이 작성합니다. const name = 'Hyukho' const userAge = 27 const user = { name: name, age: userAge, location: 'Suwon' } console.log(user) 이렇게 작성하고 커맨드창에서 다음 명령어를 실행하면, $ node app.js 아래와 같은 결과를 출력합니다. { name: 'Hyukho', age: 27, location: 'Suwon' } 코드를 자세히 들여다 보면, const로 선언된 변수명과 object에 선언된 key 값이 같은 것을 알 수 있.. 2020. 1. 8.
날씨 정보 API를 제공해주는 웹사이트 안녕하세요. 혀코입니다. 날씨 정보 API를 제공해주는 웹사이트를 정리해 봤습니다. OpenWeather https://openweathermap.org/ Сurrent weather and forecast - OpenWeatherMap Dashboard and Agro API We provide satellite imagery, weather data and other agricultural services that are based on geodata. By using Agro API , you can easily power your solution based on this information. Dashboard is a visual service where you can easy openweath.. 2020. 1. 8.
국내외의 호스팅 서비스를 제공하는 웹사이트 링크 모음 안녕하세요. 혀코입니다. 국내외의 호스팅 서비스를 제공하는 웹사이트 링크를 모아봤습니다. 순위는 없으며, 한글 ㄱ~ㅎ, 알파벳 a ~ z 순으로 정리했습니다. 가비아 수많은 서비스를 제공하며, 쇼핑몰 지원도 하는게 특징입니다. Node.js 서버를 베타기간동안 무료로 제공해준다길래 사용해 볼까 생각 중입니다. https://www.gabia.com/ 가비아: 국내 1위 도메인, 호스팅, 서버, 클라우드, 기업솔루션, 홈페이지, 쇼핑몰 www.gabia.com 까페24 수많은 서비스를 제공하며, 쇼핑몰 지원도 하는게 특징입니다. https://www.cafe24.com/ 카페24 No.1 글로벌 전자상거래 플랫폼 '카페24' www.cafe24.com 닷홈 무료 호스팅도 지원하는게 특징입니다. https:.. 2020. 1. 8.
Node.js에서 Callback function을 사용해서 새로운 지역의 위도와 경도를 얻는 방법 안녕하세요. 혀코입니다. 오늘은 Node.js에서 callback function을 사용해서 새로운 지역의 위도와 경도를 얻는 방법에 대해서 알아보겠습니다. const geocode = (address, callback) => { const url = 'https://api.mapbox.com/geocoding/v5/mapbox.places/' + address + '.json?access_token={{api-key}}' request({ url: url, json: true}, (error, response) => { if (error) { callback('Unable to connect to location services!', undefined) } else if (response.body.fe.. 2020. 1. 6.
Node.js에서 callback function을 사용하는 방법 안녕하세요. 혀코입니다. 오늘은 Node.js에서 callback function을 사용하는 방법에 대해서 알아보겠습니다. app.js를 다음과 같이 작성합니다. setTimeout(() => { console.log('Two seconds are up') }, 2000) const names = ['Andrew', 'Jen', 'Jess'] const shortNames = names.filter((name) => { return name.length { const data = { latitude: 0, longitude: 0 } return data } const data = geocode('Philadelphia') console.log(data) 다음 코드를 실행하면, $ node app.js g.. 2020. 1. 6.
Node.js에서 Request를 사용해서 API 사용할때 에러 핸들링 하는 방법 안녕하세요. 혀코입니다. 오늘은 Node.js에서 Request를 사용해서 API 사용할때 에러 핸들링 하는 방법에 대해서 알아보겠습니다. 에러가 나는 상황은 크게 두가지가 있습니다. 네트워크 오류 또는 해당하는 데이터가 없는 오류가 있습니다. 다음 app.js코드에서 Request를 사용해서 mapbox.com에서 제공하는 api를 사용하여 위도와 경도 좌표를 구하고 있습니다. const request = require('request') const geocodeURL = 'https://api.mapbox.com/geocoding/v5/mapbox.places/Los%20Angeles.json?access_token={{api-key}}&limit=1' request({url: geocodeURL, .. 2020. 1. 6.
Node.js에서 Request를 사용해서 도시의 위도 경도 좌표를 얻는 방법 안녕하세요. 혀코입니다. 오늘은 Node.js에서 request를 사용해서 도시의 위도, 경도 좌표를 얻는 방법에 대해서 알아보겠습니다. 특정 도시의 위도와 경도 좌표를 얻기 위해서 mapbox.com에서 제공하는 api를 사용하겠습니다. https://www.mapbox.com/ Mapbox An open source mapping platform for custom designed maps. Our APIs and SDKs are the building blocks to integrate location into any mobile or web app. www.mapbox.com 회원가입한 다음 로그인해서 다음 페이지로 이동한 다음 아래로 스크롤 하면 'Example request: Forward g.. 2020. 1. 6.
Node.js에서 Request를 사용해서 날씨 API를 사용하는 방법 안녕하세요. 혀코입니다. 오늘은 Node.js에서 Request를 사용해서 날씨 API를 사용하는 방법에 대해서 알아보겠습니다. 여기서 사용할 API는 darksky에서 제공하는 날씨 정보 API를 사용해 보겠습니다. https://darksky.net/dev Dark Sky darksky.net 회원가입을 하고 로그인을 하면 api를 사용할 수 있는 권한을 얻을 수 있습니다. api는 url 형태로 제공되고 해당 url로 접속하면 json 형태의 data가 들어있습니다. App을 만들 폴더를 만들고 app.js파일을 생성하고 npm 초기화해서 package.json 파일을 생성합니다. $ mkdir weather-app $ cd weather-app $ touch app.js $ npm init -y .. 2020. 1. 6.
OBS 디스플레이 캡쳐가 안될 때 해결방법(NVIDIA) 안녕하세요. 혀코입니다. 오늘은 OBS로 디스플레이 캡쳐를 하려고 하는데 녹화가 안될 떄 해결하는 방법에 대해서 알아보겠습니다. NVIDIA 그래픽 사용자는 윈도우 바탕화면에 우클릭을 하면 NVIDIA 제어판 메뉴가 나옵니다. NVIDIA 제어판에 3D 설정 관리에서 전역 설정을 다음과 같이 세팅합니다. 그리고 프로그램 설정을 다음과 같이 세팅합니다. 이렇게 세팅한 다음에 OBS 프로그램을 껏다가 다시 켜주시면 제대로 녹화가 되는 것을 확인하실 수 있습니다. 이렇게 OBS로 디스플레이 캡쳐를 하는 방법에 대해서 알아보았습니다. 유용하셨다면, 공감과 구독 부탁 드립니다. 감사합니다. 2020. 1. 5.
jQuery로 Tab UI 구현하는 방법 안녕하세요 혀코입니다. 오늘은 jQuery로 Tab UI를 구현하는 방법에 대해서 알아보겠습니다. index.html 에 파일을 다음과 같이 작성합니다. 어벤저스 에너지원 ‘큐브’를 이용한 적의 등장으로 인류가 위험에 처하자 국제평화유지기구인 쉴드 (S.H.I.E.L.D)의 국장 닉 퓨리(사무엘 L.잭슨)는 [어벤져스] 작전을 위해 전 세계에 흩어져 있던 슈퍼히어로들을 찾아나선다. 아이언맨(로버트 다우니 주니어)부터 토르(크리스 헴스워스), 헐크(마크 러팔로), 캡틴 아메리카(크리스 에반스)는 물론, 쉴드의 요원인 블랙 위도우(스칼렛 요한슨), 호크 아이(제레미 레너)까지, 최고의 슈퍼히어로들이 [어벤져스]의 멤버로 모이게 되지만, 각기 개성이 강한 이들의 만남은 예상치 못한 방향으로 흘러가는데… 지구의.. 2020. 1. 4.

티스토리툴바