자몽아이스티맛의 기술 블로그 자몽아이스티맛의 기술 블로그

mysql - 글 상세내용 출력하기이번에는 데이터베이스에 저장한 글의 내용을 출력하는 방법을 알아보자. /topic 페이지를 들어가면 Welcome문구와 내용이 반겨준다.이후 트리 목록의 항목을 선택하면 그에 알맞는 컨텐츠 내용을 하단에 뿌려줄 것이다. 라우트 작성하기app_mysql.js를 열어 작성했던 내용을 수정한다.글 목록을 표현하는 쿼리문 안에 글 내용을 가져오는 쿼리문을 추가한다. 파라미터로 전달되는 id값을 판단하여 사용자가 어떠한 글 내용을 출력하길 원하는지를 판단한다.그리고 그 id값을 활용하여 조회를 시도하기 위해 WHERE절에 치환자로 사용한다.쿼리를 수행해보면 아래의 데이터가 조회된다는 것을 알 수 있다.조회한 결과는 [RowDataPacket {data...}] 형식으로 객체들을 ..

mysql - 글 목록 출력하기지난 번에는 Node.js에서 제공하는 File System 모듈을 이용해서 저장된 실제 파일을 목록이나 파일 내용을 불러오고 파일을 생성하는 작업을 웹 애플리케이션에서 구현했었다.이번에는 Database를 통해 데이터를 저장하고 접근하고 변경하는 방법을 알았으니 파일 데이터가 아닌 데이터 베이스의 데이터를 이용해서 웹 애플리케이션에 정보를 출력하는 방법을 알아보자. 이전 시간에는 파일의 이름을 목록으로 불러왔다면 이번 시간에는 topic테이블의 title 데이터를 목록으로 불러와보자. 웹 애플리케이션 만들기기존의 app_file.js를 수정하지 않을 것이다.새로운 app_mysql.js파일을 생성해서 새로운 웹 애플리케이션으로 운영할 것이다.뷰파일 또한 따로 관리할 것이므..

mysql - mysql 사용하기웹 프로그램은 Database와는 떨어질래야 떨어질 수 없는 구조이다.데이터를 저장하기 위해선 Database가 필수이기 때문이다.이번 시간에는 Node.js에서 mysql을 연결하여 사용하는 방법을 알아보자. mysql driverNode.js에서 mysql을 사용하기 위해서는 외부 패키지를 설치해야한다. (mysql뿐 아닌 모든 sql driver는 외부 패키지로 설치해야할 것이다.)npm에서 mysql을 검색해보자."Node.js로 만들어진 mysql 드라이버이고 자바스크립트로 만들어졌으며 컴파일이 필요없고 MIT 라이센스를 받았다."라고 설명되어 있다. 설치방법스크롤을 내려보면 설치방법에 대해 설명을 해주고 있다.npm registry를 통해 사용할 수 있는 Nod..

multer - 파일 업로드Express에서 파일 업로드를 수행 및 처리하기 위해서는 외부 패키지를 설치해야한다.스프링에서 파일 업로드를 처리하기 위해서 commons-io, commons-fileupload같은 라이브러리를 사용하듯 Express에서도 외부 패키지를 설치해야 파일 업로드를 정확히 말하면 multipart/form-data를 처리할 수 있게된다. multernpm사이트에서 multer 패키지를 검색해보자. "Multer는 파일 업로드를 위해 사용되는 multipart/form-data 를 다루기 위한 node.js 의 미들웨어입니다. 효율성을 최대화하기 위해 busboy를 기반으로 하고 있습니다."라고 설명되어 있고 한국어 번역을 지원한다. 설치방법설치 방법은 아래와 같다. cmd에서 해..

fs모듈 - 파일 내용 불러오기지난번엔 파일 목록을 웹 애플리케이션 화면에 불러오는 작업을 했다.이번에는 파일 목록에서 파일을 클릭했을 때 파일 내용을 웹 애플리케이션에 출력해주는 작업을 해보자. File System API 문서파일 내용을 불러오는 기능도 결국 File System 모듈에 의존하는 기능이다.File System 모듈에서 fs.readFile()을 찾아보자.fs.readFile()에 대해서 어떻게 사용하는지 예제가 나와있다. 이를 참고해서 코드를 작성하도록 하자. 라우트 작성하기라우팅을 작성하기에 앞서 기능이 작동할 순서를 확인해보자.1. 가장 먼저 /topic으로 접속을 한다. 2. 불러와진 파일 목록 중 하나의 항목을 클릭한다.3. 항목을 클릭하면 Semantic URL 형식으로 /t..

fs모듈 - 파일 목록 불러오기지난 번에 File System 모듈을 이용해서 웹 애플리케이션을 통해 파일을 생성하는 방법을 알아보았다.이번 시간에는 생성한 파일들의 목록을 웹 애플리케이션에서 볼 수 있도록 목록을 불러오는 방법을 알아보자. File System API 문서어떤 기능을 통해 파일 목록을 불러올 수 있는지 한번 찾아보자.File System 모듈 메뉴를 찾아보면 "fs.readdir()"을 찾아볼 수 있다."fs.readdir()"을 클릭하면 아래와 같이 설명과 함께 자세한 기능 설명을 보여준다."비동기 readdir(3). 디렉토리의 내용을 읽는다.콜백은 (err, files)두개의 인자를 갖는데, files는 '.', '..'을 제외한 디렉토리에 파일들에 대한 이름의 배열이다." 옵션에..

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 패키지 - Supervisor이번 시간에는 npm 패키지 중 Supervisor라는 패키지에 대해 알아보고 설치하고 사용해보려고 한다.npm 사이트에 들어가서 Supervisor를 검색하면 아래와 같은 패키지를 찾을 수 있다.https://www.npmjs.com/package/supervisor"Node.js를 위한 작은 관리자 스크립트이다.프로그램을 실행하고 코드 변경을 감지하고 메모리 누수 걱정이 필요없고 모듈간 참조를 모두 정리하며 완전히 새로운 시스템을 필요로 할 것 없이 다시 로드하는 동작을 할 수 있다." 뭔가 어려운 문장들이 잔뜩 있어서 번역기를 열심히 돌렸지만서도...이해하기가 어렵게 번역된 것 같다. 핵심만 말하자면 코드를 변경하고(서버단의 동적인 코드 변경) 애플리케이션 서버를..