공개 커리큘럼을 먼저 훑고, 실제 레슨 본문은 접근 권한 상태에 따라 단계적으로 열어보는 학습자.
다음 화면을 정리하고 있습니다.
코스와 저널 데이터를 불러오는 동안 화면 구조를 먼저 준비합니다.
코스와 저널 데이터를 불러오는 동안 화면 구조를 먼저 준비합니다.
GPTs, Gems, Claude Projects, CLAUDE.md, AGENTS.md를 활용해 일반인도 반복 업무를 맡길 수 있는 나만의 AI 어시스턴트를 설계하고 테스트하는 입문 코스입니다.
작업의 구조를 오래 들여다보는 방식으로 코스를 설계합니다. 공개 커리큘럼은 누구나 볼 수 있고, 유료 레슨은 구매 또는 entitlement 이후 전체 본문이 열립니다.
원본 디자인의 모듈형 에디토리얼 레이아웃을 유지하되, 실제 API가 주는 chapter 구조를 그대로 렌더링합니다.
GPTs, Gems, Claude Projects, CLAUDE.md, AGENTS.md를 활용해 일반인도 반복 업무를 맡길 수 있는 나만의 AI 어시스턴트를 설계하고 테스트하는 입문 코스입니다.
공개 커리큘럼을 먼저 훑고, 실제 레슨 본문은 접근 권한 상태에 따라 단계적으로 열어보는 학습자.
코스 개요, creator 맥락, 레슨 순서, CTA 흐름을 한 화면 안에서 자연스럽게 이해합니다.
인라인 `tone/type` prop 대신 CSS variables와 기존 atom 조합으로 이식했습니다. 원본의 차분한 편집물 톤은 유지하면서 실제 API 데이터의 빈 필드에도 대응합니다.
비로그인 상태에서도 코스 메타, 커리큘럼, creator 소개는 그대로 확인할 수 있습니다.
무료 코스의 공개 레슨은 바로 진입할 수 있고, 유료 코스는 레슨 본문 대신 로그인 또는 구매 CTA가 표시됩니다.
checkout route는 후속 라운드 구현 범위입니다. 이번 라운드에서는 `/checkout/[courseSlug]` 링크만 연결해 둡니다.