#24 : CSS (1)

1. DB 수정

DB에 CafeInfo 테이블이 있는데 지도페이지에서 마커를 클릭했을 때 나오는 상세정보 창의 내용이 담겨있다. 여러 필드가 존재하는데 그 중 이미지 부분에서 문제가 있었다. 카페 사진이다 보니 검색을 해서 이미지 주소를 넣은 것이었는데 일부 이미지 파일은 보이지 않았다. 문제가 생긴 이미지들을 확인해보니 특정 사이트에서 검색하고 그 이미지의 원본 주소를 가져오지 않고 검색한 결과 이미지 주소를 가져와서 생긴 문제인 것 같았다. 그래서 이미지를 검색하고 원본 링크로 들어가서 그 이미지의 원래 주소를 가져오거나 다른 사이트에서 검색해서 모두 바꾸는 작업을 했다. 그리고 아무래도 직접 정보를 넣다보니 50~60개 정도 카페 정보가 있었는데 좀 더 전국적으로 보여지고 싶어서 100까지 노가다를...했다. 은근 채우다 보니 오기가 생겨서 리팩토링 할 때 좀 더 채우고 싶기도 하다.

---

2. CSS 시작

현수님과 CSS를 나누어서 진행하기 시작했다. 나는 지도페이지랑 랜딩페이지를 맡았는데 우선 랜딩페이지를 먼저 진행했다. 랜딩페이지를 처음 봤을 때 한 화면에 이미지를 흐리게 넣고 그 위에 글을 띄우려고 했는데 그 부분을 먼저 했다. 하면서 좀 힘들었던 점은 생각보다 어울리는 이미지 찾는 것이 힘들었다. 글꼴도 어울리지 않아 꽤나 어색해 보였던 것 같다.

→ 추후에 회의를 하면서 아예 다른 식으로 구성하게 되었다. 이미지 대신 핵심 기능인 지도 GIF를 사용해서 최대한 깔끔하게 구성했다.