경기 일정 및 결과 페이지는 시즌의 모든 경기를, 이미 치른 경기와 앞으로 치를 경기 모두 날짜별로 묶어 나열합니다. 방문자는 디비전, 컵 대회, 팀별로 필터링하고 결과와 다가오는 경기 사이를 전환할 수 있습니다.
개발자가 아니어도 됩니다. ChatGPT나 Claude 같은 AI 어시스턴트가 아래 지침에 따라 페이지를 만들어 줍니다.
시작하기 전에
프롬프트 사용 방법
아래 회색 상자에서 프롬프트를 복사합니다.
시즌 ID를 입력합니다. [내-시즌-ID]를 내 번호로 바꿉니다.
원하는 모양을 알려 줍니다. 색상과 스타일을 설명하거나, 내 웹사이트 또는 마음에 드는 디자인의 스크린샷을 첨부합니다. 보통은 이미지가 가장 효과적입니다. 아무것도 말하지 않으면 AI가 단순한 디자인을 선택합니다.
AI 어시스턴트에 붙여 넣고 보냅니다.
받은 파일을 엽니다. 파일을 저장한 다음 더블클릭하여 브라우저에서 엽니다.
리그 웹사이트와 비교합니다. 잘못된 부분이 있으면 "연기된 경기가 결과로 표시되고 있어요"처럼 쉬운 말로 AI에게 알려 주세요. AI가 고쳐 줍니다.
프롬프트
시작하기 전에 https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md에 있는 LeagueRepublic JSON API 사양을 읽어 주세요. 사양에 설명된 서비스, 웹 주소, 필드 이름만 사용하고, 요청 한도, 빈 값, 오류, 그리고 "road"가 원정을 뜻한다는 규칙을 따라 주세요. 그 주소를 열 수 없으면 작업을 멈추고 사양을 붙여 넣어 달라고 저에게 요청해 주세요.
내 리그 시즌의 모든 경기를 나열하는 웹 페이지 하나(브라우저에서 열 수 있는 HTML 파일 하나)를 만들어 주세요. 내 시즌 ID는 [내-시즌-ID]입니다.
페이지는 다음과 같아야 합니다. 1. Get Fixtures For Season 서비스를 사용해 시즌의 모든 경기를 한 번만 불러오고, 모든 필터링은 다시 불러오지 않고 페이지에서 처리합니다. 2. 탭 두 개를 둡니다: "결과"(최신순)와 "경기 일정"(앞으로 치를 경기, 가까운 순). 3. 경기를 날짜별로 묶고 날짜를 제목으로 표시합니다. 4. 각 경기마다 홈 팀, 점수 또는 킥오프 시간, 원정 팀, 디비전 또는 컵 대회 이름, 컵 라운드(있는 경우), 경기장을 표시합니다. 5. 경기 데이터 자체로 만든 메뉴를 사용해 디비전 또는 컵 대회별, 그리고 팀별로 필터링할 수 있게 합니다. 6. 경기가 연기되었으면 시간 대신 그 사실을 표시합니다. 날짜가 미정인 경기는 "경기 일정" 탭 끝의 별도 섹션에 넣습니다. 경기 날짜가 지났는데 아직 결과가 없으면 시간 대신 "결과 대기 중"을 표시합니다. 7. 데이터를 1분에 한 번보다 자주 다시 불러오지 않습니다.
디자인은 깔끔하고 휴대폰에서 읽기 쉽게 해 주세요. 파일을 열고 사용하는 방법을 쉬운 단계로 설명해 주세요. 불분명한 점이 있으면 저에게 물어봐 주세요.
디자인: [원하는 디자인을 설명하거나 스크린샷을 첨부하세요] |
문제가 생겼을 때
전반전이나 승부차기 점수가 표시되지 않습니다. 현재 이 목록에는 그런 추가 정보가 포함되지 않습니다. 매치 허브 페이지와 팀 페이지에는 포함됩니다.
결과가 보이지 않습니다. 결과는 리그가 승인한 후에만 표시됩니다.
페이지에 오류 메시지가 표시됩니다. 시즌 ID를 확인하고, 리그에서 API가 켜져 있는지 확인하세요.
AI의 미리 보기 창에서 페이지가 작동하지 않습니다. 많은 미리 보기 창은 다른 웹사이트의 데이터를 가져올 수 없습니다. 파일을 저장한 뒤 브라우저에서 여세요.
AI가 사양을 읽을 수 없다고 합니다. 브라우저에서 사양 주소를 열고, 전체를 선택해 복사한 다음 AI에 붙여 넣으세요.
Get Fixtures For Season 서비스에 대한 자세한 내용은 API 사양에 있습니다.