✅ 서버를 만들었다면 서버에 사전 작업 2가지를 해야한다.
첫번째 node.js를 설치
apt install node
두번째 npm 설치
내가 다루고 있는 프로젝트에서 다루는 패키지들을 관리해준다 (전체가 아니라)
✅ 서버에서 node.js시작하는 법
- 최고 권위자 root파일로 들어가기
cd root
- file을 만드는 명령어 mkdir
mkdir 폴더명
- 만든 폴더로 들어가기
cd 폴더이름
- node.js로 프로젝트 시작하기 위해 초기화 작업
npm init
- 프로젝트 시작하겠다
폴더이름_project
- author : 이름 적어주기, git 주소 적어주기 등등
✅ 6번까지 작성한 내용을 확인하고 수정하는법
- vi적은 후 tab을 누르면 지금까지 작성한 정보들이 정리되어 나올 것인데 "메모장"이라고 생각할 수 있다
(mac 기준으로 function + 방향키로 커서 움직일 수 있음)
- i 누르면 삽입모드로 변경 (삽입모드는 변경할 수 있는 모드를 의미함) -> version : 1.0으로 변경
- "shift + 콜론" 클릭하여 삽입모드에서 나가기 (좌하단에 나타날 것)
- 모두 완료 했다면 wq눌러서 나가기
- vi 작성해서 insert모드로 들어가서 새로운 파일 만들고 나가면 새로운 파일이 생성된다
✅ 다시 이어서~ 패키지 2개 더 설치해봅시다!
cd 폴더명
잠깐!! MVC패턴에 대해 알고 가자 express와 ejs를 설치하고 갈 것인데 이해하기 위해 MVC패턴에 대해 참고하시면 좋습니다
✏️ MVC패턴 : 디자인 패턴 중 하나라고 볼 수 있다. 우리 프로젝트를 어떻게 구성하여 작성하는 것이 가장 효율적일지 미리 정해놓은 기준을 의미한다
아래 3가지를 한번에 했었으나 MVC기준에 따라 각각의 파일에 작성
- Model : 데이터(a라는 데이터 베이스에 접속해서 정보를 가져온다)
- View : 프론트엔드 코드 부분을 정의 (분석된 데이터를 파란색 글자로 출력한다)
- Controler : 백엔드 코드 부분을 정의 (db에서 가져온 a데이터를 분석한다)
- ❗️express 설치하기
: node.js는 js에서 사용할 수 있는 언어이다
express는 이미 어느정도 구현되어있는 틀을 그대로 가져다 사용할 수 있는 백엔드 node.js 프레임 워크이다 (MVC패턴을 사용하는 프레임 워크이기 때문에 MVC패턴을 지키도록 강제한다)
npm install express
- ❗️ejs 설치하기
- View파일을 관리할 수 있는 파일 (곧 프론트엔드 파일을 관리해주는 파일)
위 2개 파일은 node.modules에 있을 예정임
✅ 자 이제 진짜 첫 프로젝트를 서버에 띄워보자
File zilla에 app.js파일을 추가하면 끝!!
아래 파일질라에 호스트,사용자명,비밀번호,포트 등에 기존에 만들어 두었던 서버 정보를 입력한 후
app.js파일을 업로드 하면 끝이다
(단, 꼭 node.js파일을 사용하는 곳에 넣어야한다 www쪽에 넣으면 안된다)