[메모 트리 프로젝트] 7. 배포 및 후기

 

프로젝트 글 목차

2021.03.13 - [메모 트리 프로젝트] 1. 기획

2021.03.13 - [메모 트리 프로젝트] 2. 설계 - 와이어프레임, 요구 사항

2021.03.14 - [메모 트리 프로젝트] 3. 설계 - 객체 모델링

2021.03.18 - [메모 트리 프로젝트] 4. UI 구현 - 1

2021.03.19 - [메모 트리 프로젝트] 5. UI 구현 - 2

2021.03.20 - [메모 트리 프로젝트] 6. 나머지 프론트엔드 작업

2021.03.20 - [메모 트리 프로젝트] 7. 배포 및 후기

---

배포

 

헤로쿠를 통해 배포하면서 여러 시행착오를 겪었다.

전에는 간단하게 배포해서 이번에도 별다른 문제가 없으리라 예상했는데 여러 문제를 발견했고, 몇몇은 미봉책으로 수정한 상태이다.

 

1. dotenv 대신 heroku-dotenv

.env 파일은 .gitignore에 등록되어 있기 때문에 heroku에서는 인식할 수가 없다.

그래서 급한대로 mongo db의 비밀번호를 그대로 올려놨고, GitGuardian에서 메일이 왔다.

 

heroku-dotenv를 설치하고 아래의 명령어를 입력하면 .env를 연결되어있는 heroku 서버에 전달시켜준다.

 heroku-dotenv push

 

 

2. process.env.PORT

heroku에서는 자체적으로 process.env.PORT를 제공한다.

익스프레스를 통해 서버를 구성했다면 배포 시 정적인 PORT가 아닌 process.env.PORT 또는 80을 사용해야 한다.

stackoverflow.com/questions/28706180/setting-the-port-for-node-js-server-on-heroku

// 기존
const PORT = 5000;
app.listen(PORT, function() {
  console.log('server started, used cors');
});


// 변경
const PORT = 5000;
app.listen(process.env.PORT || PORT, function() {
  console.log('server started, used cors');
});

 

 

---

후기

처음 생각대로 실용적인 프로젝트는 아니었다.일주일 짜리에 실용성을 바라기는 애매하다고 할 수도 있지만 가능하지 않았을까? 하는 생각이 든다.다만 아이디어가 떠오르지 않았을 뿐이고, 저 많은 토이 프로젝트를 경험하면서 발전하겠지!

 

처음 생각했던 것과 다르게 많은 걸 보여주지 못 했다.가장 큰 이유는 추가 기능들 중 포기한 기능들이 너무 많았다.기본적인 기능은 거의 다 구현을 했고, 정상적인 동작에는 문제가 없었지만 사용자 인증, 비공개 설정, 마우스 드래그 등구현을 해야겠다고 생각한 여러 추가 사항이 보류로 넘어갔다.

 

4월 중으로 필요하다고 생각되는 추가 기능을 몇개 정도는 구현해보기로!

지금의 프로젝트는 너무 찝찝한 느낌이다.