For the complete documentation index, see llms.txt. Markdown versions of documentation pages are available by appending .md to the page URL.
기본 탐색 메뉴
Theme
Codex

Codex use case

학생 프로젝트 웹사이트 만들기

아이디어와 자료를 바탕으로 첫 버전을 만들고 테스트하세요.

Difficulty Intermediate
Time horizon 1h

Sites에서 학생 프로젝트의 콘텐츠, 디자인 선호 사항, 접근성 요구 사항, 성공 기준을 바탕으로 간단한 웹사이트의 제작 범위를 정하세요. 정한 범위에 맞춰 사이트를 만들고 테스트한 뒤, 게시 전에 검토할 수 있도록 준비하세요.

Best for

  • 동아리, 포트폴리오, 수업 또는 커뮤니티를 위한 아이디어를 실제 웹사이트로 구현하려는 학생
  • 기존 콘텐츠와 참고 사례가 있고 접근성 요구 사항이 정해진 프로젝트
  • 첫 버전에서 상호작용을 테스트하고 검토용 체크리스트를 마련해야 하는 프로젝트

Contents

    ← All use cases

    학생 프로젝트 웹사이트 만들기

    아이디어와 자료를 바탕으로 첫 버전을 만들고 테스트하세요.

    Sites에서 학생 프로젝트의 콘텐츠, 디자인 선호 사항, 접근성 요구 사항, 성공 기준을 바탕으로 간단한 웹사이트의 제작 범위를 정하세요. 정한 범위에 맞춰 사이트를 만들고 테스트한 뒤, 게시 전에 검토할 수 있도록 준비하세요.

    Intermediate
    1h

    Sites에서 학생 프로젝트의 콘텐츠, 디자인 선호 사항, 접근성 요구 사항, 성공 기준을 바탕으로 간단한 웹사이트의 제작 범위를 정하세요. 정한 범위에 맞춰 사이트를 만들고 테스트한 뒤, 게시 전에 검토할 수 있도록 준비하세요.

    Intermediate
    1h

    Best for

    • 동아리, 포트폴리오, 수업 또는 커뮤니티를 위한 아이디어를 실제 웹사이트로 구현하려는 학생
    • 기존 콘텐츠와 참고 사례가 있고 접근성 요구 사항이 정해진 프로젝트
    • 첫 버전에서 상호작용을 테스트하고 검토용 체크리스트를 마련해야 하는 프로젝트

    Skills & Plugins

    • Sites
      학생 프로젝트 웹사이트를 만들고 미리 본 뒤 테스트하고 게시하세요.
    Skill Why use it
    Sites 학생 프로젝트 웹사이트를 만들고 미리 본 뒤 테스트하고 게시하세요.

    Starter prompt

    @sites로 [project and audience]에 맞춰 실제로 사용할 수 있는 간단한 웹사이트를 만들어 주세요. 이 폴더의 콘텐츠, 데이터, 이미지, 예시를 활용하고 디자인 선호 사항, 접근성 요구 사항, 성공 기준을 반영해 주세요. 먼저 작업 범위와 제작 계획을 간단히 정리한 뒤 다음 작업을 진행해 주세요. - 핵심 기능에 집중해 첫 버전 만들기 - 주요 탐색 경로와 상호작용 테스트하기 - 반응형 레이아웃과 접근성 점검하기 - 빠진 콘텐츠와 아직 결정해야 할 사항 정리하기 - 게시 전 체크리스트 작성하기 게시하거나 공유하기 전에 검토를 마친 버전을 보여 주세요.
    @sites로 [project and audience]에 맞춰 실제로 사용할 수 있는 간단한 웹사이트를 만들어 주세요. 이 폴더의 콘텐츠, 데이터, 이미지, 예시를 활용하고 디자인 선호 사항, 접근성 요구 사항, 성공 기준을 반영해 주세요. 먼저 작업 범위와 제작 계획을 간단히 정리한 뒤 다음 작업을 진행해 주세요. - 핵심 기능에 집중해 첫 버전 만들기 - 주요 탐색 경로와 상호작용 테스트하기 - 반응형 레이아웃과 접근성 점검하기 - 빠진 콘텐츠와 아직 결정해야 할 사항 정리하기 - 게시 전 체크리스트 작성하기 게시하거나 공유하기 전에 검토를 마친 버전을 보여 주세요.

    첫 버전에서 지원할 핵심 작업 정하기

    먼저 누가 사이트를 사용할지, 사용자가 사이트에서 해야 할 가장 중요한 작업은 무엇인지, 이미 확보한 자료는 무엇인지 정리하세요. 여기에 예시, 선호하는 디자인, 접근성 요구 사항, 명확한 성공 기준을 추가하세요.

    한 번에 구현하고 테스트할 수 있도록 첫 버전의 범위를 좁게 잡으세요.

    사이트 만들고 점검하기

    Sites의 시작 프롬프트를 사용해 다음 작업을 진행하세요.

    • 제공된 콘텐츠 정리하기
    • 간단한 정보 구조 설계하기
    • 핵심 페이지와 상호작용 구현하기
    • 반응형 레이아웃 적용하기
    • 키보드만으로 조작할 수 있는지, 레이블과 명암 대비가 적절한지 확인하기
    • 대표적인 콘텐츠로 주요 사용자 플로우 테스트하기

    게시하기 전에 로컬 미리보기에서 사이트를 검토하세요. 텍스트, 이미지, 링크, 양식, 데이터의 출처가 모두 승인된 곳인지 확인하세요.

    공유 준비하기

    ChatGPT에 누락된 콘텐츠, 사용 권한, 개인정보 보호, 접근성, 최종 테스트를 점검할 수 있는 게시 전 체크리스트를 요청하세요. 사이트에서 제출물을 받는다면 제출한 데이터가 어디로 전송되고 누가 접근할 수 있는지 확인하세요.

    프로젝트 책임자나 담당 강사가 검토를 마친 버전을 승인한 후에만 게시하세요.

    Related use cases