데브코스 최종 프로젝트 - 15~16일차 / API연결 + 배포

 

 

15~16일차 - API 연결 / Vercel 배포

 

UI만 구현해놓은 페이지들을 본격적으로 API와 연결하는 작업을 했다.

 

 

API의 지연😱

API에 대한 수정 요청을 했지만 주말이다보니 수정이 늦어지는 상황들이 발생했다.
내가 담당하는 부분이 API가 거의 완성이 안되었다,, 

다들 API로 하나둘씩 페이지를 완성하는데,, 나만 페이지 작업을 완성 못시켜서 사실 조급했다 ㅎㅎ

 

마음을 내려놓고 내가 앞으로 작업해야하는 것들, 혹은 이후에 체크해야 할 것들을 리스트로 정리하고

현재 API 없이 작업할 수 있는 부분들을 순차적으로 처리하기로 했다.

 

아무튼 이때 MSW와 같은 서비스를 사용하지 않은 것에 대해 후회했고😭

다음에 프로젝트를 한다면 시간이 뜨는 상황을 고려하여 미리 목업 API를 사용하여

먼저 처리를 해야겠다고 생각했다.😅

 

 

Vercel 배포

프로젝트 제출 전에 미리 배포를 해보고 테스트를 하기 위해

일단 쉽고 간단한 배포 서비스를 제공하는 Vercel을 사용하여 배포하기로 했다.

테스트로 해보는 배포가 아닌 실제 프로젝트를 배포해보는건 팀원 세명 모두 처음이었고,

팀원 중 한분이 배포를 맡게 되었다.

 

vercel은 꼼꼼한 친구였다..

vercel로 배포를 한 후에 vercel이 바라보는 main브랜치가 아닌

develop 브랜치에 pr을 올릴 때에도 코드를 확인해서 에러를 표시해준다..!

내부 코드에 에러가 발생할 경우 아래처럼 X 표시가 나타난다.

어떤 코드가 failed 되었는지 알 수 있고 details를 클릭하면 왜 failed처리되었는지 알 수 있다.

 

이전에 Netlify로 배포를 했을 땐 이런 서비스를 제공하지 않았던 것 같은데,

쨌든 X를 없애려면 해당 에러를 수정하고 다시 push를 해야만 없앨 수 있었다.

처음엔 테스트 하느라 marge를 해버렸는데 merge를 해버리면 X표시를 지울 수 없다 ,, 박제된 기분,,

 

또한 preview 서비스를 제공해주어 작업한 부분을 미리 화면으로 확인해 볼 수 있어서

잘 활용한다면 좋을 듯 했다.👍