영업시간과 공지
고객이 방문 전에 가장 많이 확인하는 정보가 영업시간입니다. 영업시간과 공지사항을 깔끔하게 보여주는 방법을 알아봅시다.
영업시간 표시 방법
영업시간은 두 가지 방법으로 표시할 수 있습니다:
방법 1: 메인 페이지에 포함
이미 메인 페이지에 영업시간을 넣었다면 그것으로 충분할 수 있습니다.
방법 2: 별도 페이지 또는 섹션으로 분리
정보가 많다면 별도로 만드는 것이 좋습니다. AI에게 요청해 보세요:
"메인 페이지 중간에 영업시간 섹션을 추가해줘.
>
표 형태로:
>
| 요일 | 시간 |
|------|------|
| 월~금 | 08:00 ~ 21:00 |
| 토요일 | 09:00 ~ 20:00 |
| 일요일 | 09:00 ~ 18:00 |
| 공휴일 | 10:00 ~ 17:00 |
>
깔끔한 카드 안에 넣어줘."
공지사항 배너
특별한 알림이 있을 때 상단에 눈에 띄는 배너를 넣을 수 있습니다:
"메인 페이지 맨 위에 공지 배너를 추가해줘.
내용: '설 연휴 안내: 1/28(토)~1/30(월) 휴무입니다'
배경색은 연한 노란색, 글씨는 작게."
이런 배너는 언제든 내용을 바꿀 수 있어서 편리합니다. 시즌 메뉴 출시, 임시 휴무, 이벤트 등을 알릴 수 있습니다.
공지사항 여러 개 표시하기
공지가 여러 개라면 목록으로 보여줄 수도 있습니다:
"메인 페이지에 '소식' 섹션을 만들어줘.
>
- 2026.03.01 — 봄 시즌 메뉴가 출시되었습니다
- 2026.02.15 — 주차장 공사 안내 (2/15~2/28)
- 2026.02.01 — 설 연휴 휴무 안내
>
날짜는 왼쪽에 작게, 내용은 오른쪽에."
확인할 점
| 항목 | 확인 |
|---|---|
| 영업시간이 정확한가요? | 요일별 시간 확인 |
| 공지 내용이 맞나요? | 날짜, 내용 확인 |
| 배너가 눈에 띄나요? | 색상, 위치 확인 |
| 모바일에서 표가 잘 보이나요? | 가로 스크롤 없이 보이는지 |
나중에 내용 바꾸기
영업시간이나 공지사항을 바꾸고 싶을 때는 간단합니다:
- Cursor에서 해당 파일을 엽니다
- AI에게 요청합니다:
"공지 배너 내용을 '3월 1일은 정상 영업합니다'로 바꿔줘"
"일요일 영업시간을 10:00~17:00으로 수정해줘"
코드에서 텍스트만 바꾸면 되기 때문에 AI가 금방 처리해 줍니다.
지금은 코드를 직접 수정하는 방식입니다. 나중에 더 익숙해지면 관리자 페이지를 만들어서 코드 수정 없이 내용을 바꿀 수도 있습니다.
이 절의 요약
- 영업시간은 표 형태로 깔끔하게 보여주는 것이 좋습니다
- 공지 배너로 휴무일, 이벤트, 시즌 메뉴 등을 알릴 수 있습니다
- 공지가 여러 개면 날짜와 함께 목록으로 보여줍니다
- 내용 변경은 AI에게 요청하면 간단하게 수정할 수 있습니다