← 갤러리로 돌아가기홈페이지랜딩페이지의료
이 앱은 데모 페이지에서 로그인 없이 바로 체험할 수 있어요. 아래 버튼으로 이동해서 더미 데이터로 주요 기능을 눌러보세요.
데모 보러 가기🛠️ 개발 가이드
동네 의원을 위한 신뢰감 있는 홈페이지 데모예요. 진료과목·의료진 소개·진료시간·예약 신청 폼으로 구성했어요.
핵심 구현 포인트
- 진료과목 배열 하나로 카드 그리드를 자동 생성해서, 과목이 늘어도 컴포넌트 수정 없이 배열만 추가하면 돼요.
- 신뢰감을 주는 파란색 계열 팔레트와 여백을 넉넉히 써서 의료기관다운 톤을 만들었어요.
- 예약 폼의 진료과목 select는 진료과목 배열을 그대로 재사용해요.
이렇게 만들면 돼요
- 진료과목·의료진 데이터를 배열로 정의해요.
- 배열을 map으로 순회해 카드 그리드를 렌더링해요.
- 예약 폼 select의 옵션도 같은 배열에서 가져와 데이터 중복을 없애요.
참고 파일
components/gallery/ClinicLandingDemo.jsx