JavaScript/Node.js
-
mysql - mysql 사용하기JavaScript/Node.js 2018. 11. 27. 16:06
mysql - mysql 사용하기웹 프로그램은 Database와는 떨어질래야 떨어질 수 없는 구조이다.데이터를 저장하기 위해선 Database가 필수이기 때문이다.이번 시간에는 Node.js에서 mysql을 연결하여 사용하는 방법을 알아보자. mysql driverNode.js에서 mysql을 사용하기 위해서는 외부 패키지를 설치해야한다. (mysql뿐 아닌 모든 sql driver는 외부 패키지로 설치해야할 것이다.)npm에서 mysql을 검색해보자."Node.js로 만들어진 mysql 드라이버이고 자바스크립트로 만들어졌으며 컴파일이 필요없고 MIT 라이센스를 받았다."라고 설명되어 있다. 설치방법스크롤을 내려보면 설치방법에 대해 설명을 해주고 있다.npm registry를 통해 사용할 수 있는 Nod..
-
multer - 파일 업로드JavaScript/Node.js 2018. 11. 26. 15:27
multer - 파일 업로드Express에서 파일 업로드를 수행 및 처리하기 위해서는 외부 패키지를 설치해야한다.스프링에서 파일 업로드를 처리하기 위해서 commons-io, commons-fileupload같은 라이브러리를 사용하듯 Express에서도 외부 패키지를 설치해야 파일 업로드를 정확히 말하면 multipart/form-data를 처리할 수 있게된다. multernpm사이트에서 multer 패키지를 검색해보자. "Multer는 파일 업로드를 위해 사용되는 multipart/form-data 를 다루기 위한 node.js 의 미들웨어입니다. 효율성을 최대화하기 위해 busboy를 기반으로 하고 있습니다."라고 설명되어 있고 한국어 번역을 지원한다. 설치방법설치 방법은 아래와 같다. cmd에서 해..
-
fs모듈 - 파일 내용 불러오기 fs.readFile()JavaScript/Node.js 2018. 11. 25. 23:00
fs모듈 - 파일 내용 불러오기지난번엔 파일 목록을 웹 애플리케이션 화면에 불러오는 작업을 했다.이번에는 파일 목록에서 파일을 클릭했을 때 파일 내용을 웹 애플리케이션에 출력해주는 작업을 해보자. File System API 문서파일 내용을 불러오는 기능도 결국 File System 모듈에 의존하는 기능이다.File System 모듈에서 fs.readFile()을 찾아보자.fs.readFile()에 대해서 어떻게 사용하는지 예제가 나와있다. 이를 참고해서 코드를 작성하도록 하자. 라우트 작성하기라우팅을 작성하기에 앞서 기능이 작동할 순서를 확인해보자.1. 가장 먼저 /topic으로 접속을 한다. 2. 불러와진 파일 목록 중 하나의 항목을 클릭한다.3. 항목을 클릭하면 Semantic URL 형식으로 /t..
-
fs모듈 - 파일 목록 불러오기 fs.readdir()JavaScript/Node.js 2018. 11. 25. 20:12
fs모듈 - 파일 목록 불러오기지난 번에 File System 모듈을 이용해서 웹 애플리케이션을 통해 파일을 생성하는 방법을 알아보았다.이번 시간에는 생성한 파일들의 목록을 웹 애플리케이션에서 볼 수 있도록 목록을 불러오는 방법을 알아보자. File System API 문서어떤 기능을 통해 파일 목록을 불러올 수 있는지 한번 찾아보자.File System 모듈 메뉴를 찾아보면 "fs.readdir()"을 찾아볼 수 있다."fs.readdir()"을 클릭하면 아래와 같이 설명과 함께 자세한 기능 설명을 보여준다."비동기 readdir(3). 디렉토리의 내용을 읽는다.콜백은 (err, files)두개의 인자를 갖는데, files는 '.', '..'을 제외한 디렉토리에 파일들에 대한 이름의 배열이다." 옵션에..
-
fs모듈 - 파일 생성하기 fs.writeFile()JavaScript/Node.js 2018. 11. 25. 15:19
fs모듈 - 파일 생성하기이번 시간에는 Node.js에서 제공하는 File System(fs)모듈을 이용하여 웹 애플리케이션에서 파일을 생성하는 방법을 알아보자. 필요 파일 및 폴더 생성하기새로운 웹 애플리케이션을 생성하고 view폴더 또한 새로 생성하여 새로운 웹 애플리케이션 구조를 만들어서 작업을 하려고 한다.트리에서 박스친 내용의 폴더들과 파일을 만들어주자. 그리고 "app_file.js"를 웹 애플리케이션으로 동작시키기 위해 코드를 작성하자.123456789101112131415161718/** require() 영역 */const express = require('express');const bodyParser = require('body-parser');const app = express();..
-
npm 패키지 - SupervisorJavaScript/Node.js 2018. 11. 25. 02:05
npm 패키지 - Supervisor이번 시간에는 npm 패키지 중 Supervisor라는 패키지에 대해 알아보고 설치하고 사용해보려고 한다.npm 사이트에 들어가서 Supervisor를 검색하면 아래와 같은 패키지를 찾을 수 있다.https://www.npmjs.com/package/supervisor"Node.js를 위한 작은 관리자 스크립트이다.프로그램을 실행하고 코드 변경을 감지하고 메모리 누수 걱정이 필요없고 모듈간 참조를 모두 정리하며 완전히 새로운 시스템을 필요로 할 것 없이 다시 로드하는 동작을 할 수 있다." 뭔가 어려운 문장들이 잔뜩 있어서 번역기를 열심히 돌렸지만서도...이해하기가 어렵게 번역된 것 같다. 핵심만 말하자면 코드를 변경하고(서버단의 동적인 코드 변경) 애플리케이션 서버를..
-
Express - HTTP Method GET, POST 데이터 처리JavaScript/Node.js 2018. 11. 24. 22:50
Express - HTTP Method GET, POST 데이터 처리이번 시간에는 HTTP Method 중 GET과 POST 방식으로의 데이터를 처리하는 방법을 알아볼 것이다.GET, POST 방식이란 HTTP 통신의 처리 방식인데 클라이언트와 서버간의 HTTP 통신 처리 방식을 의미한다.HTTP 통신 처리 방식은 GET과 POST외에도 PUT, DELETE등이 존재한다.이번 시간에는 GET과 POST방식을 처리하는 방법을 알아볼 것이다. 먼저 처리하는 방법을 들어가기에 앞서 GET과 POST가 어떠한 차이점이 있는지 알아보자. HTTP 통신 Method GET POST 설명 특징 간단한 데이터를 처리하는데 용이쿼리스트링의 길이 제한으로 대용량 데이터를 처리할 수가 없음 대용량 데이터를 처리하는데 용이 ..
-
QueryString - Semantic URLJavaScript/Node.js 2018. 11. 23. 21:37
Semantic URL이번에는 Semantic URL이란 것을 알아보자.일단 검색엔진에서 Semantic URL을 검색하면 위키피디아 글이 검색될 것이다.이 글을 통해 Semantic URL이 무엇인지 알아보자.https://ko.wikipedia.org/wiki/%EA%B0%84%ED%8E%B8_URL Semantic URL 혹은 Pretty URL, Clean URL, fancy URL등 다양한 이름을 가지고 있고 한국어로는 간편 URL이라고 불리는 것 같다.사용자 친화적, 검색엔진 친화적 URL이라고 하는데 깔끔하지 않은 형식의 URL에 비해 기억하기 쉽고 입력하기가 쉽다는 장점이 있다고 한다.그 아래에는 예시를 보여주고 있는데 깔끔하지 않은 URL이 기존 방식이고 깔끔 URL이 Semantic U..