See you letter 개인프로젝트를 진행 중이다.
해당 프로젝트는 로그인 기능 + 편지 작성 후 특정 기간을 설정하면 기간 이후 기재된 메일에 편지형식으로 메일이 발송되는 프로젝트이다.
client는 react를 사용했고, 서버는 firebase를 사용했다.
firebase를 이용한 이유는, 로그인/회원가입 기능에서 편리하기 때문이다. 회원가입하는 고객의 데이터를 관리해주고 get, add 등 할 수 있다.
그리고 편지의 데이터를 firestore로 보내고, firestore의 extension인 triggerEmail(유/뮤료)를 사용하여 메일 전송기능을 만들었다.
여기까지는 만들어진 상태이고
추가적으로 해결해야 하는 부분은, 특정기간(6개월/1년/2년)기간 설정 시 해당 기간 이후 메일이 보내지도록 만들어야 하는데,
client가 아닌 server 쪽에서 작업을 해야 할듯 하다ㅠ firestore에서 어찌해야 할지...
우선 이부분은 놔두고,
firebase안에서 배포를 진행하기로 했다.
https://lxxyeon.tistory.com/38 블로그 내용과 구글링하여 firebase 배포 관련 내용들 참고하여 배포했다.
firebase CLI 설정
firebase login
firebase init
CLI에서 설정 진행...
npm run build
firebase deploy
까지 입력하면,
firebase console Hosting에서 배포가 된걸 확인 할 수 있다.
seeyouletter-735f3.web.app으로 도메인이 생성되었다.
해당 도메인으로 들어가면
이 화면 등장.
뭐 배포는 잘 된것같은데,
내가 작성한 코드들이 보이지 않는다?!
배포를 설정한 dir의 index.html의 연결이 잘못된건가.....?
여기저기 구글링을 해본 결과
deploy dir의 index.html과 firebase.json의 hosting의 public의 경로가 안맞아서 그랬다.
상단에 위치했던 .firebase dir를 삭제해주고
CLI에서 firebase init부터 다시 설정해줬다.
첫 줄 public dir관련 질문에서 처음에는 dist dir를 새로 만들어줘서 연결해줬는데, 이 부분이 잘못되었던것같다.
이번에는 기존 존재하는 public으로 설정해주고
네번째 줄인, public/index.html를 덮어쓸래? 하는 질문에서 No를 해주었다.
나머지 내용들은 다른 블로그 내용들과 동일하게 진행했음.
모든 설정을 마친 후
npm run build를 다시 해주고
firesbase deploy 해주었더니
"Welcome~~"화면이 사라졌다!
하지만 흰화면과 함께 console 창에 에러가...
firebase 배포는 금방할거라 생각했는데,
산넘어 산이군...
하지만 금방 해결했다.
나와 같은 에러 찾음.
firebase.json에서 hosting부분을 public이 아니라 build였다.
다시 build 해주고 deploy 해주었다.
화면이 잘떴다...!
에러 처리 과정에서 느낌점 :
구글링 혹은 블로그 내용을 그대로 따라하지말자.
따라서 입력하는 코드가 무얼 말하는지 찾아보고 알아가면서 하자.
firebase.json의 hosting 설정에서 왜 build를 해주어야 하는지?!
