본문 바로가기

반응형

WINK-(Web & App)/Express.js (Node.js) 스터디

(44)
[2024 여름방학 Node.js 스터디] 김지나 #2주차 3장. 노드 기능 알아보기3.1. REPL 사용하기- REPL: 입력한 코드를 읽고, 해석하고, 결과물을 반환하고, 종료할 때까지 반복해주는 환경- REPL 사용하기- 짧은 코드 테스트 용도로 용이함. 긴 코드는 JS 파일로 만든 후 파일을 통째로 실행합시다! 3.2. JS 파일 실행하기 3.3. 모듈로 만들기- 모듈: 특정 기능을 하는 함수나 변수들의 집합ex) 수학 코드 모듈 ...- 모듈은 모듈 자체로 프로그램인 동시에 다른 프로그램의 부품으로도 사용 가능- 모듈을 만들어두면 여러 프로그램에 해당 모듈을 재사용 가능- 파일 하나가 모듈 하나, 파일별로 코드 모듈화 가능 3.3.1. CommonJS 모듈- module 객체 말고 export 객체 사용 가능exports.odd = 'CJS 홀수입니다'..
[2024 여름방학 Node.js 스터디] 이종윤 #1주차 서버: 서버(server)는 클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 시스템으로 컴퓨터 또는 프로그램을 말한다.  (* 클라이언트란 요청을 보내는 주체이다) 클라이언트는 브라우저일 수도 있고, 데스크톱 프로그램일 수도 있고, 모바일 앱일 수도 있고, 다른 서버에 요청을 보내는 서버일 수도 있다. 이처럼 서버는 요청에 대한 응답만을 하는 것이 아니라 클라이언트가 되어 다른 서버에 요청을 보낼 수도 있다. 또한 서버는 클라이언트에게 요청을 받았을 때 항상 Yes라고만 응답을 하지않고 클라이언트의 자격을 보고 Yes가 아닌 No를 보낼 수 있다.자바스크립트의 런타임먼저 Node.js 의 정의를 살펴보면 Node.js는 Chrome V8 Javascript 엔진으로 빌드된 자바스크립트 런타..
[2024 여름방학 Node.js 스터디] 백채린 #1주차 1~2장 1장 노드 시작하기 1.1 핵심 개념 이해하기 1.1.1 서버 - 서버: 네트워크를 통해 클라이언트에 정보나 서비스를 제공하는 컴퓨터 또는 프로그램- 클라이언트 → 서버 (요청)  ⎮  서버 → 클라이언트 (응답)  1.1.2 자바스크립트 런타임 - Node.js: Chrome V8 Javascript 엔진으로 빌드된 자바스크립트 런타임 (자바스크립트 실행기)* 런타임: 특정 언어로 만든 프로그램을 실행할 수 있는 환경- 노드는 V8, libuv(C, C++로 구현) 라는 라이브러리 사용- libuv 라이브러리: 이벤트 기반, 논블로킹 I/O 모델 구현 (노드의 특성)  1.1.3 이벤트 기반 - 이벤트 기반: 이벤트(클릭, 네트워크 요청 등) 가 발생할 때 미리 지정해둔 작업을 수행하는 방식이벤트 리스..
[2024 여름방학 Node.js 스터디] 김지나 #1주차 1장. 노드 시작하기1.1. 핵심 개념 이해하기- Node.js는 Chrome V8 Javascript 엔진으로 빌드된 자바스크립트 런타임임. ㄴ 서버로 많이 이용되지만 서버 외의 자바스크립트 프로그램을 실행하는 런타임으로도 사용=> 서버랑 런타임이 뭘까 ????  1.1.1. 서버 - 서버: 네트워크를 통해 클라이언트에 정보나 서비스를 제공하는 컴퓨터 또는 프로그램- 클라이언트: 요청을 보내는 주체 (브라우저, 데스크톱 프로그램, 모바일 앱 ... 등등 다양한 형태)- 서버는 요청에 대한 응답 뿐만 아니라 요청을 직접 보낼 수도 있음 -> 서버가 클라이언트가 됨- 서버가 응답할 때는 무조건 yEs로만 하는 것은 아님 .. 요청 거절할수도 (사이트 차단 당했을 때)  1.1.2. 자바스크립트 런타임- 런..
[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..

반응형