고양이와 코딩

[웹 풀사이클 데브코스] 7주차 Day 5 - API 점검, Express-generator 본문

데브코스 TIL

[웹 풀사이클 데브코스] 7주차 Day 5 - API 점검, Express-generator

ovovvvvv 2023. 12. 29. 21:02
728x90

Express-generator의 구조

1. `bin/www`

`bin/www`파일은 서버를 실행하기 위한 진입점(entry point)파일입니다. 주로 포트 설정 및 서버 시작 로직을 담고 있습니다.

 

2. `node_moduls`

`node_modules` 디렉토리는 프로젝트가 의존하는 패키지들이 설치되는 곳입니다. 프로젝트에서 사용되는 모든 라이브러리와 모듈이 포함됩니다.

 

3.`public`

`public` 디렉토리는 정적 파일(images, javascripts, stylesheets ...)이 위치하는 곳입니다. 이 디렉토리의 파일들은 클라이언트에 직접 제공됩니다.

 

4.`routes`

`routes` 디렉토리에는 Express 애플리케이션의 라우팅 로직이 정의된 파일들이 위치합니다. 각 파일은 특정 URL 경로에 대한 요청을 처리하고, 응답을 반환합니다.

 

5. `views`

`views` 디렉토리는 Express 애플리케이션에서 사용되는 템플릿 파일들(주로 HTML 파일)이 위치하는 곳입니다. 이 템플릿들은 클라이언트에 렌더링되어 보여지는 웹 페이지의 구성을 담당합니다! (화면을 보내는 파일)

 

6. `app.js`

`app.js` 파일은 Express 애플리케이션의 핵심 파일입니다. 이 파일에서는 Express 애플리케이션을 초기화 하고 설정하며, 미들웨어를 추가하고 라우팅 로직을 설정합니다. (Express 서버의 시작점)

 

7. `package.json`

`package.json`파일은 Node.js 프로젝트의 설정 파일입니다. 프로젝트의 정보, 의존하는 패키지 목록, 스크립트 등의 정보를 담고 있습니다. 이 파일을 통해 프로젝트의 의존성을 관리하고, npm 스크립트를 실행하여 프로젝트를 관리할 수 있습니다.

 

 

그리고 새 프로젝트를 생성해서 기존 youtuber-demo에서 했던 것처럼 프로젝트를 설정 해 줄건데요, 여기서 설치 파일을 한 번에 설치하는 방법을 알려주셔서 기록 해 놓으려고 합니다 (´⌣`ʃƪ)

npm init
npm i express
npm i dotenv express-validator jsonwebtoken mysql2

 

 

 

 

이제 대략적인 API 구색도 맞췄고 ,,
다음 강의에는 visual studio로 작업 하는 것 같은데! 기대가 됩니다!
(강제로?) 반복 학습을 하니까 node가 처음이어도 조금 익숙 해 진것 같아요 ...
솔직히 냅다 처음부터 끝까지 프로젝트 해보세요!! 했으면 너무너무 긴장상태로 살았을것같은데........ ㅎㅎ