이 사이트를 만든 기록
Claude Code와 이 사이트의 첫 화면을 여러 번 다시 만들었어요. 그 과정에서 배운 점을 정리했어요.
점수는 볼만한지를 재지 않아요
Lighthouse 100점을 받은 화면도 좋은 디자인은 아니었어요. 점수는 속도와 접근성을 재는 값이고, 비어 있으면 오히려 잘 나와요.
구조만 따라 하면 비슷해져요
시안 여러 개가 모두 흰 바탕에 파란색과 큰 제목으로 나온 적이 있어요. 참고 화면에서 무엇을 가져올지 기준을 먼저 정해야 해요.
장식이 주인공이 되면 안 돼요
첫 화면을 캐릭터로 채웠더니 무슨 사이트인지 알 수 없었어요. 무엇을, 누구에게 주는지 한 문장이 먼저예요.
찹쌀떡을 다시 그린 이유
프로필 그림의 떡에는 회사 로고가 붙어 있어요. 사이트에는 로고를 쓰지 않기로 해서 CSS로 다시 그렸어요.
자동 검사가 놓친 것
동작 검사와 콘솔 검사를 통과했는데, 화면을 직접 보니 소식 8개가 한꺼번에 펼쳐져 있었어요. 숨김 규칙을 다른 CSS가 덮어쓴 것이었어요. 검사를 통과해도 스크린샷은 꼭 봐야 해요.