WINK-(Web & App)/Express.js (Node.js) 스터디 (32) 썸네일형 리스트형 [2024 Node.js 스터디] 김수아 #4주차 "Node.js 6,7,9장" ●ch6서버 제작 과정에서의 불편함 해소하고 편의기능 추가한 웹 서버 프레임워크, 익스프레스▶6.1_익스프레스 프로젝트 시작하기하나의 폴더 생성그 폴더 안에 package.json생성 후 코드작성npm start 입력후 localhost3000에 접속해 확인▶6.2_자주 사용하는 미들웨어미들웨어는 익스프레스의 핵심이다요청과 응답의 중간(middle)에 위치하여 미들웨어라 불린다미들웨어는 요청과 응답을 조작해 기능을 추가하거나 나쁜 요청을 걸러내기도 한다 morganmorgan 연결 후 localhost:3000에 다시 접속해보면 기존 로그 외에 추가적인 로그를 볼 수 있다요청과 응답에 대한 정보를 콘솔에 기록app.use(morgan('dev')); //미들웨어 사용하기인수로 dev외에 combine.. [2024 Node.js 스터디] 장민우 #5주차 "인생이란" 6장 익스프레스 웹 서버 만들기6.1 익스프레스 프로젝트 시작하기4장, 5장 제대로 공부하셨다면 package.json을 제일 먼저 생성해주셔야 하는 것 다들 아실 겁니다! npm init으로 콘솔에서 단계적으로 내용물을 입력해도 되고npm init -y를 입력해 파일을 만든 뒤 내용을 수정해도 됩니다.사실 저는 npm init 하고 마음에 안 들어서 package.json 들어가서 재작성했어요 ㅎ... 아 그리고 "scripts": { "start" : "nodemon app" 까먹지 말고 작성해주셔야 합니다!! nodemon app을 하면 app.js를 nodemon으로 실행한다는 뜻입니다. const express = require('express');const.. [2024 Node.js 스터디] 조상혁 5주차 "Node.js 6 ,7 장" 6장 expressexpress 시작하기 익스프레스를 시작하기 위해서는 package.json이 필요하기에 이를 생성해주는 npm init 을 먼저 입력$ npm init // package.json 생성$ npm i express // 익스프레스 다운$ npm i -D nodemon // 서버 자동 재시작기능 다운 //app.jsconst express = require('express'); // 익스프레스 불러오기const path = require('path'); //path 모듈 불러오기const app = express(); // Express 모듈을 실행해 app 변수에 할당app.set('port', process.env.PORT || 3000); //set을 통해 실행될 포트 설정// 라우.. [2024 Node.js 스터디] 김민서 #5주차 익스프레스 프로젝트 시작하기//package.json{ "name": "learn-express", "version": "0.0.1", "description": "익스프레스를 배우자", "main": "app.js", "scripts": { "start": "nodemon app" }, "author": "ZeroCho", "license": "MIT"}항상 package.json을 제일 먼저 생성해야 한다. npm init 명령어를 사용하기 or 직접 파일 만들기$ npm i express$ npm i -D nodemonscripts 부분에 start 속성은 꼭 넣어야 한다. nodemon app을 하면 app.js를 nodemon으로 실행한다는 뜻이다. 서버 코드를 수정하면 no.. [2024 Node.js 스터디] 김태일 #5주차 06. 익스프레스 웹 서버 만들기익스프레스 : 서버를 제작하는 과정에서 겪게 되는 불편을 해소하고 편의 기능을 추가한 웹 서버 프레임워크- http 모듈의 요청과 응답 객체에 추가 기능 부여- 기존 메서드들 사용가능, 편리한 메서드들 추가해 기능 보완- 코드를 분리하기 쉽게 만들어 관리하기 용이- if문으로 요청 메서드와 주별 구별하지 않아도 됨 06.1 익스프레스 프로젝트 시작하기1) learn-express 폴더 생성2) 항상 package.json 제일 먼저 생성 --> npm init 명령어를 콘솔에서 호출해 단계적으로 내용물 입력 or npm init -y를 입력해 파일을 만든 뒤 내용 수정package.json{ "name": "learn-express", "version": "0.0.1".. [2024 Node.js 스터디] 김규현 5주차 6. 익스프레스 프로젝트 시작하기 한 폴더안에 package.json, app.js 생성후 코드작성이후 npm start 입력후 localhost3000에 접속해 확인 자주 사용하는 미들웨어 미들웨어는 app.use와 함께 사용되고 app.use(미들웨어)꼴임미들웨어를 통해 요청과 응답에 다양한 기능을 추가할 수 있고, 이미 많은 사람이 유용한 기능들을 패키지로 만들어짐 morganmorgan 연결후 local 콘솔에 나오는 GET / 500 6.358 ms - 50 로그는 morgan 미들웨어에서 나오는 것요청과 응답에 대한 정보를 콘솔에 기록 staticstatic 미들웨어는 정적인 파일들을 제공하는 라우터 역할을 함 body-parser요청의 본문에 있는 데이터를 해석해서 req.body 객체로 만.. [2024 Node.js 스터디] 김수아 #4주차 "Node.js 3장~5장" ●ch3▶3.1_REPL 사용하기입력한 코드를 Read(읽고), Eval(해석하고), Print(결과물 반환하고), Loop(종료까지 반복한다)*) REPL은 여러 줄 코드를 실행하기엔 불편해서, 긴 코드의 경우는 자바스크립트 파일을 만들어 파일 실행 ▶3.2_JS파일 실행하기 ▶3.3_모듈로 만들기모듈이란? 특정 기능을 하는 함수는 변수들의 집합/ 모듈로 만들어두면 여러 프로그램에서 해당 모듈 재사용 가능*) ES2015 모듈ES2015도입으로 자바스크립트에 자체 모듈 시스템 문법이 생겼다. require함수를 import로, module.exports를 export default로 바꾼다. require함수나 module객체는 따로 선언하지 않았음에도 노드에서 제공하는 내장 객체이기에 사용 가능.. [2024 Node.js 스터디] 김규현 4주차 REPL 사용하기Read 읽고 Eval 해석하고 Print 결과물을 반환하고 Loop 종료할 때까지 반복> const str = 'Hello world, hello wink'; //Read Evalundefined> console.log(str);Hello world, hello wink // Printundefined> // Loop? CommonJS 모듈노드 생태계에서 가장 널리 쓰이는 모듈 index.js를 실행할 때 var.js와 func,js 모듈 모두 이용 require는 파일 최상단에 위치할 필요없음속성값으로 각 파일의 모듈값 들어있음require.main은 노드 실행 시 첫 모듈을 나타냄순환 참조가 있을 경우에는 순환 참조되는 대상을 빈 객체로 만듭니다. -> 에러를 발생시키지 않지만.. 이전 1 2 3 4 다음
