데모홈페이지·CMS
컬러 사전과 나의 컬러 찾기 콘텐츠 사이트
색 이름을 한글·초성·HEX로 찾고, 관리 화면에서 고친 내용이 사이트에 바로 나오는 것을 봅니다(브라우저 저장).
color-content-demo-158859-production.up.railway.app
열어 보시면 이런 걸 확인하실 수 있습니다
- 1단계 [이 화면 열기]로 '초록색'의 HEX·RGB·HSL 값과 설명을 먼저 봅니다
- 검색창에 ㄱㄴㄹ처럼 첫 자음만 넣어도 '개나리색'이 나옵니다
- 분기표의 '차분한'·'내 방' 칸 결과를 바꿔 저장하면 사이트 결과가 바뀝니다(이 브라우저에만 저장)
- 관리자 [갤러리]에서 [견본 이미지로 해 보기] 뒤 [공개]하면 사이트 갤러리에 나옵니다
만들면서 풀어야 했던 것
- 사전 항목은 공개 색 데이터 두 가지(CSS Color Module Level 4 색 이름 표, 한국어 위키백과 「색 목록」)를 받은 날 원본 그대로 고정해 두고 그 원본에서 만들었습니다. 위키백과 목록 58줄 중 HEX와 RGB 값이 서로 맞지 않는 6줄은 쓰지 않았고, 남은 52줄 가운데 값이 같은 12개는 영문 항목에 한국어 이름으로 붙였습니다.
- 관리자에서 저장한 내용은 같은 데이터 엔진에서 다시 그려 사이트에 바로 나오게 했고, 서버 없이 이 브라우저에만 저장됩니다. 질문형 콘텐츠는 분기를 고치다 결과가 정해지지 않은 경로가 생기기 쉬워, 그런 경로가 생기면 저장을 막고 [그 칸으로 이동]으로 고칠 칸을 바로 짚어 주게 했습니다.
- 입력칸에서 곧바로 [게시]·[공개]를 누르면 누르는 순간 저장과 다시 그리기가 일어나 버튼이 바뀌고 클릭이 사라지는 결함이 있었습니다. 사람이 누르는 시간으로 재현해 확인한 뒤, 버튼을 누르고 있는 동안에는 다시 그리기를 미루고 손을 뗀 뒤 실행하도록 고쳤습니다.
비슷한 걸 만들어 보고 싶으시다면
구간 견적으로 규모를 먼저 가늠해 보시거나, 조건을 적어 보내 주시면 범위를 정리해 회신드립니다.