Codex use case
학생 프로젝트 웹사이트 만들기
아이디어와 자료를 바탕으로 첫 버전을 만들고 테스트하세요.
Sites에서 학생 프로젝트의 콘텐츠, 디자인 선호 사항, 접근성 요구 사항, 성공 기준을 바탕으로 간단한 웹사이트의 제작 범위를 정하세요. 정한 범위에 맞춰 사이트를 만들고 테스트한 뒤, 게시 전에 검토할 수 있도록 준비하세요.
Best for
- 동아리, 포트폴리오, 수업 또는 커뮤니티를 위한 아이디어를 실제 웹사이트로 구현하려는 학생
- 기존 콘텐츠와 참고 사례가 있고 접근성 요구 사항이 정해진 프로젝트
- 첫 버전에서 상호작용을 테스트하고 검토용 체크리스트를 마련해야 하는 프로젝트
Contents
학생 프로젝트 웹사이트 만들기
아이디어와 자료를 바탕으로 첫 버전을 만들고 테스트하세요.
Sites에서 학생 프로젝트의 콘텐츠, 디자인 선호 사항, 접근성 요구 사항, 성공 기준을 바탕으로 간단한 웹사이트의 제작 범위를 정하세요. 정한 범위에 맞춰 사이트를 만들고 테스트한 뒤, 게시 전에 검토할 수 있도록 준비하세요.
Sites에서 학생 프로젝트의 콘텐츠, 디자인 선호 사항, 접근성 요구 사항, 성공 기준을 바탕으로 간단한 웹사이트의 제작 범위를 정하세요. 정한 범위에 맞춰 사이트를 만들고 테스트한 뒤, 게시 전에 검토할 수 있도록 준비하세요.
Related links
Best for
- 동아리, 포트폴리오, 수업 또는 커뮤니티를 위한 아이디어를 실제 웹사이트로 구현하려는 학생
- 기존 콘텐츠와 참고 사례가 있고 접근성 요구 사항이 정해진 프로젝트
- 첫 버전에서 상호작용을 테스트하고 검토용 체크리스트를 마련해야 하는 프로젝트
Skills & Plugins
- Sites학생 프로젝트 웹사이트를 만들고 미리 본 뒤 테스트하고 게시하세요.
| Skill | Why use it |
|---|---|
| Sites | 학생 프로젝트 웹사이트를 만들고 미리 본 뒤 테스트하고 게시하세요. |
Starter prompt
첫 버전에서 지원할 핵심 작업 정하기
먼저 누가 사이트를 사용할지, 사용자가 사이트에서 해야 할 가장 중요한 작업은 무엇인지, 이미 확보한 자료는 무엇인지 정리하세요. 여기에 예시, 선호하는 디자인, 접근성 요구 사항, 명확한 성공 기준을 추가하세요.
한 번에 구현하고 테스트할 수 있도록 첫 버전의 범위를 좁게 잡으세요.
사이트 만들고 점검하기
Sites의 시작 프롬프트를 사용해 다음 작업을 진행하세요.
- 제공된 콘텐츠 정리하기
- 간단한 정보 구조 설계하기
- 핵심 페이지와 상호작용 구현하기
- 반응형 레이아웃 적용하기
- 키보드만으로 조작할 수 있는지, 레이블과 명암 대비가 적절한지 확인하기
- 대표적인 콘텐츠로 주요 사용자 플로우 테스트하기
게시하기 전에 로컬 미리보기에서 사이트를 검토하세요. 텍스트, 이미지, 링크, 양식, 데이터의 출처가 모두 승인된 곳인지 확인하세요.
공유 준비하기
ChatGPT에 누락된 콘텐츠, 사용 권한, 개인정보 보호, 접근성, 최종 테스트를 점검할 수 있는 게시 전 체크리스트를 요청하세요. 사이트에서 제출물을 받는다면 제출한 데이터가 어디로 전송되고 누가 접근할 수 있는지 확인하세요.
프로젝트 책임자나 담당 강사가 검토를 마친 버전을 승인한 후에만 게시하세요.
Related use cases
상호작용형 수업 자료 만들기
Sites에서 승인된 수업 자료와 연습 문제를 바탕으로 상호작용형 수업 자료를 만드세요
프로토타입으로 아이디어 검증하기
Codex와 ImageGen으로 초기 아이디어의 디자인 방향을 정하고, 핵심 기능만 담은 프로토타입을 구현한 뒤 브라우저에서 검증하세요.
AI 투어 가이드 만들기
Codex로 웹 앱에 WebMCP 기반 투어를 추가하세요. 다음에 조작할 UI 요소를 강조하고 사용자가 무엇을 해야 하는지 설명하세요. 사용자가 각 단계를 직접...