데이터베이스 설계 실습 - 서버 구축

---

서버 구축

Node.js를 이용하기 위한 서버를 구축해보았다.

첫시간에 NVM, Node를 설치하였다. 나는 MacOS를 이용중이고 별 문제 없이 해결되었으나 문제가 생긴 사람들을 위한 해결책이다.

Windows 10~
- NVM및Node설치오류

• 사용자계정이름이한글이경우발생 ➢설치 경로 변경하여 해결

• https://github.com/coreybutler/nvm-windows/releases
• 1.1.11 (Latest) 하단의 nvm-setup.zip 파일 다운받아서 설치 • Accept(next) -> next -> next -> install
• 설치 후 windows terminal에서 nvm 버전 확인

➢nvm version
• Node설치및사용

➢nvm install 16.10.0 ➢nvm use 16.10.0 ➢node -v

---

프로젝트 생성 및  환경 세팅

나는 gitdb라는 파일을 나의 github 레포에 연결을 해두었다.

https://wikidocs.net/195273

05-2. github, vscode 연동하기

깃허브를 이용하는 것은 수 많은 글들이 있다. 참고하면 좋고 나는 현재 MacOS에서 vscode의 터미널을 이용하고 있는데 아무문제 없이 돌아간다.

이제 본격적으로 환경 세팅을 해보자.

우선 npm init 명령어를 터미널에 입력하고 yes를 해주자.

 

서버 구축을 위해서 아래와 같은 것들이 필요로 한다.

 

ᄋPackage.json
    - 의존중인 패키지들의 버전을 기록 및 관리

    • 프로젝트와 관련된 메타데이터를 기록하는 파일

 

ᄋExpress

    - Node.js의 핵심 모듈인 http와 Connect 컴포넌트를 기반으로 한 빠르고 간편한 웹 프 레임워크

    • Node.js를 통해 다양한 자바스크립트 애플리케이션을 실행
    • 웹서버와 같이 확장성 있는 네트워크 프로그램을 제작하기 위해 만들어짐

 

ᄋBabel
    - 최신JS문법을모든브라우저에서사용할수있는형태로변환할수있는 transcomplier

 

ᄋNodemon
    - 웹개발 편의성을 높이기 위한 스크립트 모니터링 유틸리티

    • 어떤 파일이라도 수정될 경우, 이를 반영하여 자동으로 서버를 재시작

 

 

이제 환경 세팅을 위한 모듈을 설치하자.

아래 명령어를 쳐주면 된다.

npm install express mysql2 body-parser nodemon
npm install @babel/node @babel/core @babel/preset-env

다음으로는 package.json 파일을 수정한다.

• "scripts" 부분 아래 구문 추가
• "start": "nodemon --exec babel-node index.js"

➢babel-node: JS 최신 문법 적용

➢nodemon: 변경사항 탐지 및 자동 재시작

다음으로는 babel.config.json, index.html, index.js 파일 생성하고 각각의 파일에 아래의 내용을 작성하고 저장해준다.

이제 터미널에 npm run start를 입력해서 서버가 실행되는 것을 확인해보자.

나는 예시 모습과 다르게 버전 관련 warning이 뜨긴했는데 fatal error가 아니라 단순 warning이라 아래와 같이 잘 떴다.

참고로 위처럼 서버가 실행되는 것을 확인하려면 아래의 주소 둘중 아무거나 이용하면 된다.

http://localhost:3000/  or  http://127.0.0.1:3000/

---