일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 맥 아파치
- 블록 스코프
- 닐 스미스 지음
- python GUI 사용하기
- 자바스크립트
- 제이쿼리연결
- 객체
- max MySQL
- 한글입력 씹힘
- SwiftUI 기반의 iOS 프로그래밍
- 황반석 옮김
- 제이펍 출판
- 생활코딩
- 객체지향
- python tkinter 인터페이스
- 핵심만 골라 배우는 SwiftUI 기반의 iOS 프로그래밍
- 한글잘림
- jquery 사용하기
- max apache
- 기획자랑 사이좋게 지내고 싶다
- 자바스크립트 객체
- 자바스크립트 class
- 한글입력 잘림
- 자바스크립트 배열 할당
- 한글입력 안됨
- 한글입력 오류
- 비주얼스튜디오 코드
- 맥 mysql
- 자바스크립트 객체 만들기
- 배열 분해 할당
Archives
- Today
- Total
반응형
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 맥 아파치
- 블록 스코프
- 닐 스미스 지음
- python GUI 사용하기
- 자바스크립트
- 제이쿼리연결
- 객체
- max MySQL
- 한글입력 씹힘
- SwiftUI 기반의 iOS 프로그래밍
- 황반석 옮김
- 제이펍 출판
- 생활코딩
- 객체지향
- python tkinter 인터페이스
- 핵심만 골라 배우는 SwiftUI 기반의 iOS 프로그래밍
- 한글잘림
- jquery 사용하기
- max apache
- 기획자랑 사이좋게 지내고 싶다
- 자바스크립트 객체
- 자바스크립트 class
- 한글입력 잘림
- 자바스크립트 배열 할당
- 한글입력 안됨
- 한글입력 오류
- 비주얼스튜디오 코드
- 맥 mysql
- 자바스크립트 객체 만들기
- 배열 분해 할당
Archives
- Today
- Total
java,javascript,android,php,sql,공부용,메모용
Node.js와 Express 사용 웹 서버를 설정하는 과정 본문
javascript, jQuery & Node.js/Node.js Express.js
Node.js와 Express 사용 웹 서버를 설정하는 과정
yy_dd2 2024. 6. 17. 18:04반응형
기본적인 Node.js 및 Express 환경을 설정하고, 간단한 웹 서버를 구축하여 실행하는 방법
1. Node.js 설치
Node.js는 서버 측에서 JavaScript를 실행할 수 있게 해주는 런타임 환경입니다. Node.js를 설치한 후에는 npm(Node Package Manager)을 사용하여 다양한 패키지를 설치하고 관리할 수 있습니다.
2. 프로젝트 폴더 생성
프로젝트를 위한 폴더를 만들고, 그 안에서 작업을 시작
mkdir T:\new_web_st\nodejs\my-node-project
cd T:\new_web_st\nodejs\my-node-project
3. package.json 파일 생성
npm init 명령어를 실행하여 package.json 파일을 생성하고, 프로젝트에 대한 메타데이터를 설정. 이 파일은 프로젝트의 의존성, 스크립트, 메타데이터를 관리
npm init -y
// -y 옵션은 모든 기본값을 사용하여 'package.json' 파일을 자동으로 생성합니다.
package.json 파일 내용 예:
{
"name": "my-node-project",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}
4. Express 서버 코드 작성
index.js 파일을 만들고 Express 서버 코드를 작성. 이 코드는 기본적인 웹 서버를 설정하며, / 경로에 접속했을 때 "안녕 세계야~!" 메시지를 반환
const express = require('express'); // Express 모듈을 가져옵니다.
const app = express(); // Express 애플리케이션 객체를 생성합니다.
const port = 3000; // 서버가 사용할 포트 번호를 설정합니다.
// '/' 경로로 요청이 들어왔을 때 실행되는 함수
app.get('/', (req, res) => {
res.send("안녕 세계야~!"); // 클라이언트에 "안녕 세계야~!"라는 메시지를 보냅니다.
});
// 지정된 포트에서 서버를 시작하고, 서버가 시작되면 실행할 함수
app.listen(port, () => {
console.log(`Server is running on http://localhost:${port}`); // 콘솔에 서버 실행 상태를 출력합니다.
});
5. 서버 실행
Express 서버를 실행하여 로컬 서버에서 동작을 확인.
node index.js
// index.js 파일을 실행하여 서버를 시작합니다.
package-lock.json 파일은 npm을 사용할 때 생성되는 파일로, 프로젝트의 의존성 버전을 정확히 고정시켜주는 역할.
이 파일 목적:
- 의존성 고정: package-lock.json 파일은 프로젝트에 설치된 모든 패키지의 정확한 버전을 기록합니다. 이렇게 함으로써, 다른 환경에서 동일한 패키지 버전을 설치할 때 발생할 수 있는 불확실성을 줄일 수 있다.
- 의존성 트리의 정확한 표현: 이 파일은 프로젝트 의존성 트리를 명확히 나타내어, 어떤 패키지가 어디서 의존하는지, 그리고 각 패키지가 어떤 버전을 사용하는지 정확히 알 수 있게 해준다.
- 일관성 유지: 개발 환경, 배포 환경 등 어디에서나 일관된 패키지 설치를 보장합니다. 이는 개발자가 아닌 사람들도 동일한 의존성 버전을 갖도록 보장하여, 코드가 예상대로 작동하도록 함.
간단히 말해서, package-lock.json 파일은 프로젝트의 의존성을 명확히 하고, 동일한 환경에서 동일한 패키지 버전을 설치하도록 보장하여, 다양한 환경에서의 호환성과 일관성을 유지하는 데 중요한 역할을 함.
반응형
'javascript, jQuery & Node.js > Node.js Express.js' 카테고리의 다른 글
node.js express 미들웨어 심화, 미들웨어 별 사용처 (0) | 2024.07.22 |
---|---|
RESTful API 개념 및 CRUD API 구현 (0) | 2024.06.20 |
Express를 사용해서 서버 구성, 라우터 사용, 미들웨어 (Middleware) 사용 (0) | 2024.06.19 |
Express.js 사용해서 간단한 서버를 구축 실행 해보기 (0) | 2024.06.19 |
Node.js로 간단한 서버 스크립트 작성 (0) | 2024.06.18 |
Comments