← 화면 목록

TESOL 과정 소개

TESOL-WVC-TESOL · /tesol-lab/wvc-tesol

실제 화면 열기 ↗
기능
12
API 호출
1
가드레일
1
id 가 테스트 이름
구현 단계
5 / 5
완료마케팅 콘텐츠 →wvctesol-api :8080서버 컴포넌트40줄

개발 스펙

이 화면에서 할 수 있어야 하는 것 (2)

  • 과정 커리큘럼 · 특징 · FAQ 를 본다.
  • 레벨테스트 · 수강신청으로 이어진다.

비즈니스 규칙 (1)

  • 콘텐츠가 아직 소스 상수(src/data/content/tesol-lab.ts, 223줄)에 있다. DB 테이블이 없다.

API (1)

메서드경로권한모듈 · 설명
GET/api/marketing/content/tesol-lab/wvc-tesol공개
과정 소개 콘텐츠.
domains:marketing:marketing-web

가드레일 (1) — id 가 곧 테스트 이름이다

id반드시 만족해야 하는 것등급
marketing-cta-links-valid
수강신청 · 레벨테스트 링크가 실제 존재하는 화면으로 연결돼야 한다.
normal

구현 계획 (5/5)

  1. ●Product · ProductRepositorycatalog-domain
  2. ●CatalogUseCasecatalog-app
  3. ●ProductRepositoryAdaptercatalog-infrastructure
  4. ●/api/marketing/content/tesol-lab/wvc-tesol 구현marketing-web
  5. ●Next.js 를 BFF 로 전환 — Prisma 직접 접근 제거wvctesol

서버 사이드 구현 계획 — 자바 객체별 요구사항 (2/2)

객체모듈책임 · 지켜야 할 것
● MarketingRepositoryAdapter
class
marketing-infrastructure
미리보기 영상 · FAQ · 배너 조회.
  • faq.show 값이 소문자 'y' 다. upper() 로 맞춰야 한다.
  • FAQ 분류(cate)는 숫자와 문자열이 섞여 있다 — 문자열로 그대로 받는다.
  • banner 와 sns 는 비슷하지만 같지 않다. sns 에는 subtitle 이 없어 빈 값으로 채운다.
  • 테이블 이름은 메서드 안에서만 정해진다. 바깥 값이 SQL 식별자가 되지 않는다.
● MarketingUseCase
service
marketing-app
마케팅 콘텐츠 조회.
  • 전부 비로그인으로 볼 수 있어야 한다 — 토큰을 요구하면 소개 화면이 막힌다.

테스트 방법 (1)

가드레일종류확인 방법
marketing-cta-links-valide2e소개 화면의 CTA 링크를 따라가 200 인지 확인

정하지 못한 것 · 확인이 필요한 것

  • 마케팅 콘텐츠를 DB 로 옮길지 정해야 한다. 테이블이 없어 지금은 소스 상수다(4개 파일 428줄). 운영자가 직접 고칠 일이 있으면 CMS 성격의 테이블이 필요하다.

스냅샷

TESOL-WVC-TESOL 스냅샷

기능 목록 (12)

데이터
  • ·API 조회/api/marketing/content/tesol-lab/wvc-tesol
입력
  • ·폼1개
  • ·제출 버튼1개
  • ·입력 필드7개
액션
  • ·서버 액션applyForLevelTest
상태
  • ·화면 상태activeIndex, openIndex, dayType
미디어
  • ·YouTube 영상
하드코딩
  • ·하드코딩 데이터part1Units
  • ·하드코딩 데이터part2Units
  • ·하드코딩 데이터part3Units
  • ·하드코딩 데이터part4Units
  • ·하드코딩 데이터parts

화면 이동

← 이 화면으로 오는 곳
이 화면에서 가는 곳 →
외부 링크
  • https://www.youtube.com/watch?v=${card.youtubeId}
  • https://www.youtube.com/watch?v=${unit.youtubeId}
  • https://www.youtube.com/watch?v=${item.youtubeId}

연결

API
  • /api/marketing/content/tesol-lab/wvc-tesol
소스
src/app/tesol-lab/wvc-tesol/page.tsx