우리의 결혼 전시를 온라인으로 보실 수 있어요
(웹 온라인 결혼 전시 URL은 하단에 있습니다.)
지난 번에 우리가 했던 결혼 전시에 대해 설명을 하고, 이번엔 결혼 전시 내용을 올리려고 했다. 전시 전체의 내용을 브런치에 올리겠다고 하니 아내가 이런 얘기를 했다.
"웹에 온라인으로 전시를 볼 수 있게 하면 어때?"
브런치에 전시 전체 내용을 올리면 길이가 너무 길어서 읽기가 힘들고
위 아래로 하나의 긴 글이 되기 때문에 전시라는 느낌을 받기 힘들 것 같았다.
그래서 웹으로 개발해보자고 결심했다!
아마 결혼식을 전시회로 하고 그걸 웹으로 볼 수 있게 만든 건 세계 최초이지 않을까?
첫 커밋을 찾아보니 2025년 1월 31일이었다. 다 만드는데 대략 2달이 걸렸다. 이렇게 오래 걸리다니..! 개발도 개발인데 전시 자체의 양이 많다보니까 개발하는데도 시간이 많이 들었다.
개발하는데 중점을 뒀던 것은 아래와 같았다.
1. 모바일 중심의 UI
데스크탑 유저보다는 모바일 유저가 훨씬 많기 때문에 모바일 화면에 최적화하였다. 아래 네비게이션으로 전시를 이동할 수 있고, 전시의 양이 워낙 많기 때문에 햄버거 버튼을 누르면 전체 목록이 나오도록 하였다.
또한 전체 목록 중 현재 어느 위치에 있는지를 표시하였고, 햄버거를 열면 현재 위치로 스크롤 이동하도록해 Drawer를 쓰기 편하게 하였다.
2. md 형식의 파일로 개발하여 편하게 콘텐츠를 쓸 수 있게 하였다.
3. 방명록 같은 경우 간단한 DB이고, 유료 서비스를 사용하기 싫어 Firebase 로 개발했다.
4. 사람들이 어떤 콘텐츠를 많이 보나 궁금해서 Analytics도 추가했다. GA를 하고 싶었는데 내가 원하는 기능들이 없더라. (내가 보내는 매개변수는 전체 기간 확인이 불가 등) 그래서 직접 Firebase에 데이터를 쌓도록 하였다.
도메인명은 naranhee (나란히) 이다. 우리가 함께 나란히, 다정하게 걷는 모습을 상상해서 지은 이름이다. 나중에 결혼 전시를 어떻게 했는지 세미나도 열어보고 싶은데 여기 홈페이지에 열면 사람들이 전시 내용을 바로 볼 수 있으니 좋지 않을까.
https://www.naranhee.net/wedding/exhibition
오셔서 구경하시고 방명록 글도 써주세요~! ^ㅇ^/