루가365의원(LUGA365 CLINIC)은 부산 기장·일광의 병원 홍보용 사이트입니다.
워드마크는 LUGA365입니다. 진료는 암 재활병동, 비만클리닉, 탈모클리닉, 도수치료입니다.
병원 공개 홈과 관리자가 나뉘어 있습니다.
방문자는 진료 안내와 사례·공지를 봅니다.
관리자는 히어로·진료시간·공지·Before/After를 직접 올리면 공개 홈이 바로 바뀝니다.
외주종료
Ruga365 병원 홈페이지
사이트 열기공개 홈과 병원 관리자를 한 레포에서
대표 이미지
소개
흐름 요약
하루 운영은 방문과 원내 수정, 두 갈래입니다.
방문자는 홈에서 진료 카드로 들어가고, 비만·탈모는 Before/After를 보고, 공지와 오시는 길로 전화·방문합니다.
관리자는 로그인해 기본설정·공지·사례·이미지를 올립니다. 웹은 서버에서 공개 API를 읽어 그립니다.
기능
공개 홈 — 랜딩
풀블리드 히어로. 카피·CTA(암병동 / 비만 / 탈모 / 도수). 히어로 사진은 관리자 기본설정.
관리자 페이지에서 원하는 이미지로 자체 변경가능.
Before / After
관리자에서 비만/탈모 구분, Before·After 이미지, 설명, 하단 고지(
footerNote), 홈 노출 여부.공개: 홈 미리보기,
/obesity/beforeafter,/hair/beforeafter. 페이지당 4건.카드 클릭 → 상세 모달. 이미지 한 번 더 클릭하면 확대.
공지사항
상단고정, 만료일(없음 가능), 숨김, 다중 첨부, 삭제는 soft delete.
공개: 홈 최근 글,
/notice10건 페이징,/notice/[id]상세. 상단고정은 색·배지로 구분.
오시는 길 · 지도
/location과 홈 Location 섹션. 도로명·지번, 일광역 도보, 전화·팩스.네이버 지도. 진료시간은 관리자페이지에서 수정가능.
관리자
기본설정 — 히어로 교체·기본 복원, 진료시간.
공지사항 — 목록·등록·고정·만료·첨부.
Before / After — 좌측 구분, 우측 편집, 홈노출.
이미지 관리 — 페이지 코드별 업로드.
사용기술
- Node.js
- TypeScript
- React 19
- Next.js 16.2(App Router, standalone)