node.js 설치 및 firebase 연동 방법 총정리

안녕하세요 엘빈입니다. 최근 node.js를 통해 웹개발 프로젝트를 진행하고 있습니다. 대학교에서 진행하고 있는데요. node.js를 처음 접한게 어느덧 1년이 지났네요. 컴퓨터의 오류와 렉이 빈번히 일어나 포맷후 새롭게 프로그램을 설치하고 있습니다. node.js 또한 그 중 하나이죠. 이번 포스팅에서 node.js 설치 방법에 대해서 알아보겠습니다. 엄청 간단히 진행되니 천천히 따라와주시기 바랍니다.

  node.js 설치 방법

node.js 다운로드 사이트 바로가기

node.js는 기본적으로 무료로 사용할 수 있는 라이브러리 입니다. js, 자바스크립트에서 확장된 개념으로 제공되는 라이브러리로 서버 구축을 담당하고 있습니다. node.js가 처음 나올때 사람들은 열광했습니다. 왜냐하면 기존 웹개발은 프론트엔드와 백엔드로 나뉘어져 있었는데 js 언어로 서버를 개발할 수 있는 node.js의 등장으로 두 경계가 허물어졌기 때문입니다. 저 또한 서버, UI를 하나의 언어로 개발한다는 기대감에 부풀어 입문했었던 것이 기억납니다.

---

1. node.js 설치파일 다운로드

아래 링크는 node.js 다운로드 url 입니다. 해당 사이트에서 node.js 설치 파일을 다운로드 받을 수 있습니다. 만약 윈도우가 아닌 mac, 리눅스 같은 다른 운영체제라면 버튼 밑에 "다른 운영 체제"를 클릭해주시기 바랍니다.

https://nodejs.org/ko/

---

2. 설치파일 실행 뒤 계속해서 "다음" 클릭하기

해당 사항에 동의를 한 뒤에 next를 클릭합니다.

이 부분도 딱히 사용자가 설정할 필요는 없습니다.

모두 next를 클릭해주면 설치가 진행되는 것을 알 수 있습니다.

---

3. node.js 프롬프트 실행해보기

설치가 모두 완료되면 윈도우 검색창에 "node.js prompt"를 검색하여 node.js 프롬프트 창이 정상적으로 실행되는지 확인합니다.

  Firebase 연동하기

다음은 Firebase와 node.js를 연동시키는 방법입니다. 사실 연동이라기 보다 firebase를 사용할 수 있게 라이브러리로서 확장시킨다는 개념이 옳다고 말할 수 있습니다. 방금 설치한 node.js 프롬프트를 실행해줍시다.

---

1. 프로젝트 개발 폴더에 들어갑니다.

cd [자신이 들어가려는 폴더 경로}

자신이 개발을 진행하려는 폴더에 들어갑니다.

---

2. Firebase 설치하기

npm install -g firebase-tools

firebase를 사용하기 위해서는 설치를 진행해야 합니다. 위의 명령어를 입력하면 firebase가 자동으로 설치됩니다.

---

2. Firebase 설치 완료 후 계정 연동

firebase login

위의 명령어를 입력하면 크롬 창으로 이동하면서 구글 계정에 로그인하라는 알림이 나옵니다. 참고로 구글 계정이 있어야만 firebase 프로젝트를 진행할 수 있습니다. 

계정 연동이 완료되면 다음과 같은 "success"라는 문구가 나옵니다.

---

3. Cloud functions 생성

firebase init functions

firebase는 여러가지 종류로 개발을 진행할 수 있습니다. 그 중 cloud functions 은 서버 개발을 뜻합니다. 정확히 동적 소스 개발에 많이 사용하는데요. 만약 개발하시려는 소스 코드가 데이터 변화가 없는 것이라면 정적 개발을 진행하시는 것이 좋습니다. 진행하겠다는 질문이 나오면 y를 눌러 수락을 합니다.

---

4. 프로젝트 생성이나 기존 프로젝트 선택으로 연동

저같은 경우 미리 생성해둔 firebase 프로젝트가 있기 때문에 이 중에서 선택하여 연동시켰습니다.

---

5. 프로젝트 설정 진행

두가지 언어가 나오는데 저는 자바스크립트를 선택하였습니다.

eslint는 문법 및 시스템 오류 검출 라이브러리인데 설치하실 분들은 y를 입력하시면 됩니다.

---

6. 설정 모두 완료후 테스트 실행해보기

firebase serve

 firebase serve 명령어는 로컬로 서버를 실행할 수 있는 기능을 가지고 있습니다. 프로젝트 설정이 모두 완료가 되었다면 로컬 서버 실행을 통해 위의 사진처럼 나온 주소를 크롬 url 창에 입력하여 테스트해봅시다.

지금까지 node.js와 firebase 연동 방법에 대해서 알아보았는데요. 앞으로 프로젝트를 진행하면서 다양한 정보를 전달해드리도록 하겠습니다. 포스팅 읽어주셔서 감사합니다.