👨‍💻 사건

---

이미지 파일을 어떤식으로 관리를 할까하다가, 관리자가 이미지 컨벤션에 맞게 이미지를 올리고, type 추가를 하여 관리하는 방안을 생각했다.

그래서 서버하나를 생성하여, 서버에 Asset 이미지만 따로 올리도록 만들어 보고자 하였다.

✅ 해결

---

1. 서버 배포의 선택지

일단 크게 생각해둔것은 Cloudtype 과 Heroku 였다. 그중에서 아직 백엔드 경험이 없는 나에게 템플릿을 제공하는 Cloudtype 을 선택하여 시작해보았다.

2. 스택 선택

next.js 를 다루어보면서 조금은 익숙해진 node.js 를 스택으로 선택하여 진행하였다.

해당 템플릿을 살펴보니, Nunjucks 를 사용하는것으로 판단되었고, 그외에는 express 나 multer 라이브러리를 사용하였다.

3. 큰틀 만들기

1. 첫 페이지 : 관리자만 건들일수 있도록, 로그인과 같은 페이지를 구현한다.
2. 메인 페이지 : images , icons 폴더에 파일을 각각 넣을 수있는 기능을 추가한다. 또한, 모든 파일을 한눈에 볼수있는 페이지로 이동하는 링크를 제공한다.
3. 모든 파일을 볼수있는 페이지 : images, icons 파일 별로 볼수있는 화면을 제공한다. 또한 해당 파일을 삭제 혹은 이름변경 기능을 제공한다.

4. 일단 가능하도록 해본다.

레퍼런스가 많다 보니, 일단 해보는 방법을 택하였다.

크게보면
1. Nunjucks 를 설정한다.
2. Multer를 통하여, 스토리지를 생성한다.
3. 미들웨어를 통해 통신할수있도록 설정한다.
4. 관리자, 이미지 CRUD, 에러핸들링 할수있도록 설정한다.

위와 같은 작업을 거치고, 파일이 돌아가는것을 확인한다.

5. 나의 첫 백엔드 서버 배포

Cloudtype 의 사용법을 토대로, 배포를 진행한다.
내가 사용하는 환경변수는 비밀번호만 존재하므로, 하나만 설정하였다.

최종적으로 이미지 업로드 및 삭제, 수정 전부 잘 작동하는 것을 확인하였다.

💭 개선

---

• 직접 백엔드 환경을 만들어서 배포하는 것은 처음이다. 이때, 기초적일수 있지만 과연 이렇게 서버를 배포하고 나중에 재배포를 할경우 이미지를 어떻게 백업하고 관리하는지 고민에 빠졌다.