🗒️

컴포넌트별 상세 설명

1. 디테일 페이지 헤더

No.
컴포넌트 이름
해당 엑셀 컬럼
추가 설명
1
헤더 이미지 슬라이더
headerImageSlider
2
썸네일 네임
thumbnailName
3
클래스 제목
title
4
장소
location
5
대상
targetUser
6
클래스 시간
startTime endTime
다회차일 경우, sessionInformation에 해당하는 클래스별 시작, 종료 시간 을 사용한다
7
현재 참여 인원, 최대 인원
reservationCount maximumCapacity
8
가격
price
9
포함 사항
inclusion
10
불포함 사항
exclusion
11
안내사항
caution
“주의사항” → “안내사항”으로 워딩 변경

2. 디테일 페이지 이미지 + 컴포넌트 구조

1. [컴포넌트] 다회차 배너

•
다회차일 경우 표시되는 배너
하단 마진 컴포넌트
X
마진 값
해당 엑셀 컬럼
sessionInformation.length

2. [이미지] 얼리버드 이미지

•
얼리버드 혜택이 있는 경우 표시되는 이미지
하단 마진 컴포넌트
X
마진 값
해당 엑셀 컬럼
bannerImage type: earlybird

3. [이미지] 클래스 콜라보 이미지

•
클래스 콜라보 광고 있는 경우 표시되는 이미지
하단 마진 컴포넌트
X
마진 값
해당 엑셀 컬럼
bannerImage type: collaboration

4. [이미지] 사진 제공 클래스 이미지

•
사진/영상 촬영물 제공 클래스 안내 이미지
하단 마진 컴포넌트
O
마진 값
24
해당 엑셀 컬럼
bannerImage type: subTag-photo

5. [이미지] 참여 후기 이미지

•
참여 후기 이미지
◦
디테일 페이지 첫번째 이미지
◦
“실제 참여 후기” 제목 ~ 섹션 디바이더 까지 포함
하단 마진 컴포넌트
O
마진 값
24
해당 엑셀 컬럼
detailImage[0]

6. [컴포넌트] 트레이너 SNS

•
트레이너 sns 링크가 포함된 컴포넌트
1.
트레이너 이미지
2.
트레이너 이름
3.
트레이너 SNS 주소
하단 마진 컴포넌트
O
마진 값
24
sns 링크 엑셀 컬럼
1. trainerImage 2. trainerName 3. trainerSns type: instagram, youtube, blog

7. [컴포넌트] 트레이너 소개 영상

•
sns 컴포넌트 하단에 있는 소개 영상
◦
유튜브 링크가 들어간다
◦
유튜브 링크의 경우, url 끝에 비디오 아이디만 들어가야함
하단 마진 컴포넌트
X
마진 값
해당 엑셀 컬럼
youtube[0]

8. [이미지] 트레이너 소개

•
트레이너 소개 영상 아래 붙을 이미지
◦
트레이너 이력 불렛포인트 ~ “이런걸 배워봅시다” 제목까지 포함
하단 마진 컴포넌트
O
마진 값
24
해당 엑셀 컬럼
detailImage[1]

9. [컴포넌트] 클래스 소개

•
트레이너 이력 이미지 아래 붙을 클래스 소개용 영상
하단 마진 컴포넌트
X
마진 값
해당 엑셀 컬럼
youtube[1]

10. [컴포넌트] 클래스 소개

•
클래스 소개 영상 아래 붙을 이미지
◦
시작되는 소제목은 각각 다를 수 있음
◦
커리큘럼 이미지 이전까지의 구간 차지
하단 마진 컴포넌트
O
마진 값
24
해당 엑셀 컬럼
detailImage[1]

11. [이미지] 1회차 커리큘럼

•
1회차 커리큘럼 이미지
하단 마진 컴포넌트
X
마진 값
해당 엑셀 컬럼
sessionInformation[0].curriculumImage

12. [컴포넌트] 1회차 클래스 운동 컴포넌트

•
1회차 운동 컴포넌트
하단 마진 컴포넌트
X
마진 값
해당 엑셀 컬럼
sessionInformation[0].exercise

13. [이미지] 2회차 커리큘럼

•
2회차 커리큘럼 이미지
하단 마진 컴포넌트
X
마진 값
해당 엑셀 컬럼
sessionInformation[1].curriculumImage

14. [컴포넌트] 2회차 클래스 운동 컴포넌트

•
2회차 운동 컴포넌트
하단 마진 컴포넌트
X
마진 값
해당 엑셀 컬럼
sessionInformation[1].exercise

15. [이미지] 준비물 및 공간 소개

•
준비물 및 공간 소개 이미지
하단 마진 컴포넌트
O
마진 값
24
해당 엑셀 컬럼
detailImage[3]

16. [컴포넌트] 상세 위치 네이버 지도

•
2회차 운동 컴포넌트
하단 마진 컴포넌트
O
마진 값
24
해당 엑셀 컬럼
1. placeName 2. location 3. placeId

17. [컴포넌트] 주의사항 및 환불 규정

•
2회차 운동 컴포넌트
하단 마진 컴포넌트
O
마진 값
32
해당 엑셀 컬럼
X