오식랜드

라이브러리 설치 npm install express --save npm install body-parser npm install mongodb npm install @nuxtjs/axios -save 옵션을 사용해서 설치된 Node 모듈은 package.json 파일 내의 dependencies 목록에 추가된다.프로젝트 디렉토리에서 npm install 실행시 종속 항목 목록의 모듈은 자동으로 설치됨. nuxt.config 파일에 선언 serverMiddleware: ['~/api/index.js'], modules: ['@nuxtjs/axios'], axios: { proxy: true }, ~/api/index.js 파일 생성 후 Express 코드 작성 const MongoClient = requi..

이전에 사용하던 코드문법 중 콜백함수를 알아보자 아래의 코드에서는 .get이라는 함수에서 파라미터에 함수가 하나 더 있다 --> 이 부분 ! function(요청, 응답){} app.get('/pet', function(요청, 응답){ 응답.send('펫 용품 쇼핑 사이트 입니다.') }); 이러한 함수 안의 함수를 콜백함수라고 한다! 콜백함수는 순차적으로 실행하고싶을 때 사용한다! 또한, 콜백함수 내에 (요청, 응답) 부분은 직접 console로 찍어보면 '요청'부분에선 클라이언트가 어떤 요청을 했는지 볼 수 있고, '응답'에서는 어떤 응답을 줄 것인지 정해줄 수 있다. function(요청, 응답) {} 은 ES6문법으로 사용해도 된다. (요청, 응답) => {} 와 같은 화살표함수로 사용해도 된다!

이전에 적용해본 /pet, /beauty 등에 진입 시 html파일을 보여주자 기존에는 res.send('메세지')로 화면에 글을 보여줬는데, html을 보여줄 때에는 res.sendFile(’파일명)을 사용한다. // server.js app.get('/', function(req, res){ res.sendFile( __dirname + '/index.html') }) __dirname은 server.js의 경로를 불러오는 것이고, server.js와 같은 경로에 있는 index.html을 불러오는 것이다. 현재는 최상단 페이지가 보여지도록 '/' 로 표기되어있다. '/'는 최상단이라는 의미이다. 그리고 경로에 맞게 index.html을 생성해서 텍스트를 넣어보자 // index.html 안녕하세요 ..

node.js로 서버를 열어 코드를 수정할 때, 수정할 때 마다 ctrl+c로 서버를 껐다가 다시 node server.js로 켰다가 하며 확인을 해야하는 번거로움이 있다. 이 때 서버 재실행을 자동화해주는 라이브러리를 설치하자 그것이 nodemon! 1. Terminal 열기 2. 터미널에 npm install -g nodemon 입력 (-g = global : 해당 폴더 뿐만 아니라 컴퓨터 전역에 설치) 3. 터미널에 nodemon server.js 입력 *yarn 사용시 yarn add global nodemon 입력해서 설치 이제는 js파일을 수정하면 자동으로 재시작을 해주어 아ㅏㅏㅏ주 편리하다! 출처 : 코딩애플 유튜브 링크 : https://www.youtube.com/watch?v=Yn4fU..

지난 게시물에서 node.js 와 express를 설치했다. 그것을 이용하여 서버를 열어보자! 우선 지난 게시물에서 이름을 먼저 정해놧던 server.js파일을 만든다 아래 코드를 입력해준다. 이 코드는 서버를 열 때, 가장 기본이 되는 코드라고 한다. // server.js const express = require('express'); // 라이브러리 호출 const app = express(); // 객체에 저장 app.listen(); // .listen = 서버를 열겠다 .listen은 서버를 열겠다는 함수이다. 이제 어디에 열것인가를 정해주어야 한다. .listen(파라미터1, 파라미터2) 로 전달을 해준다. *파라미터1 = 서버를 띄울 포트번호 *파라미터2 = 띄운 후 실행할 코드 app.l..

Node.js 설치 아래 링크에서 다운로드 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 다운로드 후 설치가 완료되었나 확인하기 1. 윈도우 검색 창에 'Window Powershell' 검색하여 실행 2. 창에 node -v 입력 입력한 줄 아래의 v16.14.0 이 현재 나의 node.js의 버전이다. 설치가 완료되었으니 버전 확인이 가능한 것! 정상적으로 설치되었음을 알 수 있다. Express 설치 1. vscode 내에서 상단 메뉴 중 Terminal 선택 2. New Terminal 클릭 3. 생긴 창에 npm init 입력 *npm 이..