[TIL] 숙련과제 해설1

프로젝트 폴더 생성

.env .gitignore .prettierrc 파일 수동생성

gitignore.io 접속해서 .gitignore 파일 내부 생성 (visual studuo cone, node, dotenv)

.prettierrc 에는 자주 사용하는 템플릿을 만들어두면 좋음

{
	"singleQuote" : true,
	"semi": true,
	"useTabs": false,
	"tabWith": 2,
	"trailingComma" : "all",
	"printWidth" :80,
	"backetSpacing" : true
}

터미널에 npm init -y npm 설정 - pakage.json 생성된 것 확인

constants 상수 폴더 생성 후 내부에 app.constant.js 생성

import 'dotenv/config'; //dotenv 불러오기(ES6)
export const SERVER_PORT = process.env.SERVER_PORT;

pakage.json 보면서 필요한 프레임워크 설치

1. npm install express dotenv
2. pakage.json 의 “main” 키값 아래에 “type”:”module”, 작성(ES6 설정)

• app.js 파일 생성해서 다음 코드 붙여놓고 express 구동 확인

  import express from 'express';
  import { SERVER_PORT } //tap 누르면 자동완성
  const app = express()
  const port = 3000
  
  app.get('/', (req, res) => {
    res.send('Hello World!')
  })
  
  app.listen(SERVER_PORT, () => {
    console.log(`Example app listening on port ${SERVER_PORT}`)
  })

  node app.js 로 실행 Example app listening on port 3000 이 터미널에 나오면 구동된 것.
  

README.md 파일 생성

터미널에서 git 설정

git init
git add .
git commit -m "chore:프로젝트 세팅" // 깃 컨벤션에 따라 설정

github 레포지토리 생성

git remote origin //레포지토리 http 주소 붙여넣기
git branch -M main //배포branch 이름 변경
git push -u origin main