Codex use case
학생 웹사이트 만들기
아이디어와 참고 자료를 바탕으로 테스트를 거친 첫 버전을 만드세요.
Sites를 사용해 학생 프로젝트 콘텐츠, 디자인 선호 사항, 접근성 요구사항, 성공 기준을 바탕으로 간단한 웹사이트의 범위를 정하고 구축 및 테스트한 다음, 게시 전에 검토할 수 있도록 준비하세요.
적합한 대상
- 동아리, 포트폴리오, 수업 또는 커뮤니티 관련 아이디어를 제대로 작동하는 사이트로 구현하려는 학생
- 기존 콘텐츠, 예시, 접근성 요구사항이 있는 프로젝트
- 상호작용 테스트와 검토 체크리스트가 필요한 첫 버전
Contents
학생 웹사이트 만들기
아이디어와 참고 자료를 바탕으로 테스트를 거친 첫 버전을 만드세요.
Sites를 사용해 학생 프로젝트 콘텐츠, 디자인 선호 사항, 접근성 요구사항, 성공 기준을 바탕으로 간단한 웹사이트의 범위를 정하고 구축 및 테스트한 다음, 게시 전에 검토할 수 있도록 준비하세요.
Sites를 사용해 학생 프로젝트 콘텐츠, 디자인 선호 사항, 접근성 요구사항, 성공 기준을 바탕으로 간단한 웹사이트의 범위를 정하고 구축 및 테스트한 다음, 게시 전에 검토할 수 있도록 준비하세요.
관련 링크
적합한 대상
- 동아리, 포트폴리오, 수업 또는 커뮤니티 관련 아이디어를 제대로 작동하는 사이트로 구현하려는 학생
- 기존 콘텐츠, 예시, 접근성 요구사항이 있는 프로젝트
- 상호작용 테스트와 검토 체크리스트가 필요한 첫 버전
스킬 및 플러그인
- Sites학생 프로젝트 웹사이트를 구축하고 미리 보고 테스트한 뒤 게시합니다.
| Skill | Why use it |
|---|---|
| Sites | 학생 프로젝트 웹사이트를 구축하고 미리 보고 테스트한 뒤 게시합니다. |
시작 프롬프트
유용한 첫 버전의 범위 정하기
먼저 대상 사용자, 사이트가 지원해야 할 주요 작업, 이미 보유한 자료를 정리하세요. 예시, 디자인 선호 사항, 접근성 요구사항, 명확한 성공 기준도 추가하세요.
초기 범위는 한 번에 구축하고 테스트할 수 있을 만큼 작게 유지하세요.
사이트 구축 및 점검
Sites에서 시작 프롬프트를 사용해 다음을 수행하세요:
- 제공된 콘텐츠 정리
- 간단한 정보 구조 설계
- 핵심 페이지 및 상호작용 구축
- 반응형 레이아웃 적용
- 키보드 접근성, 레이블, 명암비 확인
- 대표 콘텐츠를 활용한 주요 경로 테스트
게시 전에 로컬 미리보기를 검토하세요. 텍스트, 이미지, 링크, 양식, 데이터가 승인된 출처에서 제공되었는지 확인하세요.
공유 준비
ChatGPT에 누락된 콘텐츠, 권한, 개인정보 보호, 접근성, 최종 테스트를 다루는 게시 체크리스트를 요청하세요. 사이트에서 제출된 정보를 수집한다면 데이터가 어디로 전달되는지, 누가 접근할 수 있는지 확인하세요.
검토를 마친 버전을 프로젝트 소유자 또는 담당 강사가 승인한 후에만 게시하세요.
관련 사용 사례
대화형 수업 자료 만들기
승인된 수업 자료, 연습 문제, 피드백 규칙, 접근성 요구사항, 디자인 선호 사항을 활용해 Sites에서 대화형 수업 자료를 만들고 테스트하여 교육자가 검토할 수...
아이디어에서 개념 증명까지
Codex와 ImageGen을 사용해 초안 수준의 아이디어를 시각적 방향으로 구체화하고, 실제로 쓸 수 있는 최소 규모의 프로토타입을 구현한 뒤 브라우저에서 검증하세요.
AI 투어 가이드 만들기
Codex로 웹 앱에 WebMCP 기반 투어를 추가하세요. 사용자가 각 단계를 직접 수행하는 동안 다음에 사용할 컨트롤을 강조 표시하고, 수행할 작업을 설명하며...