hunter-hwang-dev / _hunterpedia-vue

React로 마이그레이션 하기 전 Vue.js 테스트 (2024-11-19 현재 사용하지 않음.)
1 stars 0 forks source link

MongoDB에 빈 프로젝트 생성, index.js 연결, 테스트 출력, 환경변수 설정 #3

Closed hunter-hwang-dev closed 3 weeks ago

hunter-hwang-dev commented 3 weeks ago

Image 무료가 좋아! 개발 블로그에 512MB 이상의 정보가 들어갈 일은 드물겠지. 특히나 이미지를 외부에 걸어두고, 링크만 가져온다면!

hunter-hwang-dev commented 3 weeks ago

Image 어차피 Node.js 쓸 거니까 Drivers 골라야 하나?

hunter-hwang-dev commented 3 weeks ago

Image

오, Drivers 고르니까 쫙 안내를 해 주네.

hunter-hwang-dev commented 3 weeks ago

Image node.js 버전을 확인했더니 v20.16.0이래! Image 헐. 5.5 or later는 맞긴 한데 너무 차이나는 거 아냐?! Image 다시 확인해도 맞음. 음 괜찮겠지... 기록만 하고 다음 단계로!

hunter-hwang-dev commented 3 weeks ago

이제 본격 메인 코드를 작성해야 한다. 걱정할 필요 없이 MongoDB에서 주는 예시 코드를 가져오면 된다. root directory에 index.js를 새로 생성... 잠깐, 무조건 파일명이 index.js여야 되나? 갑자기 궁금해서.

hunter-hwang-dev commented 3 weeks ago

Image 하나하나 정말 중요한 이유네. 나는

1. 파일 경로 때문에 쓸데없는 골머리 앓기 싫음
2. 이 프로젝트에서 node.js 사용하고 있음
3. 개발 블로그이므로, 추후 웹 검색을 할 떄 index.js가 잡히는 것이 노출에 편리함

이므로 index.js를 생성했다.

hunter-hwang-dev commented 3 weeks ago

아 맞다! password를 그대로 github에 올릴 수는 없다. 이미 const를 한 파일에 쭉 몰아넣고, 걔를 .gitignore에 포함시키는 것을 triee (디자인이 안 나오니까 더 이상 진전을 못 하겠다...)에서 해 보았다. 이런 걸 환경변수 라고 했었지! .env 파일을 만들자.

hunter-hwang-dev commented 3 weeks ago

엥, 왜 .env 파일이 이상하게 하이라이트 되지? 환경변수 키워드로 검색해 보니 dotenv 라이브러리 설치가 선행되어야 했다.

hunter-hwang-dev commented 3 weeks ago

Image https://www.daleseo.com/js-dotenv/

hunter-hwang-dev commented 3 weeks ago

Image

hunter-hwang-dev commented 3 weeks ago

Image 아이 안전해~!

hunter-hwang-dev commented 3 weeks ago

DB에 있는 값을 가져오기까지 성공했다! Image