메인 콘텐츠로 건너뛰기

경기 일정 및 결과 목록 만들기

AI 어시스턴트를 사용하여 시즌의 모든 경기를 나열하고 대회와 팀별로 필터링할 수 있는 페이지를 만드세요.

작성자: Pedro Maia

경기 일정 및 결과 페이지는 시즌의 모든 경기(치른 경기와 앞으로 치를 경기)를 날짜별로 묶어 보여 줍니다. 방문자는 디비전, 컵 대회 또는 팀별로 필터링하고, 결과와 예정된 경기를 전환할 수 있습니다.

개발자가 아니어도 괜찮습니다. ChatGPT나 Claude 같은 AI 어시스턴트가 아래 안내를 바탕으로 페이지를 만들어 줄 수 있습니다.

시작하기 전에

  • 리그에 API를 켠 골드 플랜이 필요합니다. API 시작하기를 참조하세요.

  • 시즌 ID가 필요합니다. 찾는 방법은 API 작동 방식에서 확인할 수 있습니다.

  • 아직 리그가 없나요? 먼저 LeagueRepublic의 데모 리그로 프롬프트를 시험해 보세요. 시즌 ID 153020000을 사용하세요.

프롬프트 사용 방법

  1. 아래 회색 상자에서 프롬프트를 복사하세요.

  2. 시즌 ID를 입력하세요. [MY-SEASON-ID]를 내 번호로 바꿉니다.

  3. 원하는 모양을 알려 주세요. 색상과 스타일을 설명하거나 내 웹사이트 또는 마음에 드는 디자인의 스크린샷을 첨부하세요. 그림이 있으면 보통 가장 잘 됩니다. 아무 말도 하지 않으면 AI가 단순한 디자인을 선택합니다.

  4. AI 어시스턴트에 붙여 넣고 보내세요.

  5. AI가 주는 파일을 여세요. 저장한 다음 더블클릭하여 브라우저에서 엽니다.

  6. 리그 웹사이트와 비교해 확인하세요. 이상한 부분이 있으면 "연기된 경기가 결과로 표시돼요"처럼 AI에게 쉬운 말로 알려 주세요. 알아서 고쳐 줍니다.

프롬프트

시작하기 전에 LeagueRepublic JSON API 사양(https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md)을 읽으세요. 사양에 설명된 서비스, 웹 주소, 필드 이름만 사용하고, 요청 한도, 빈 값, 오류, 그리고 "road"가 원정을 뜻한다는 규칙을 따르세요. 해당 주소를 열 수 없으면 작업을 멈추고 사양을 붙여 넣어 달라고 요청하세요.

내 리그 시즌의 모든 경기를 나열하는 웹 페이지 하나(브라우저에서 열 수 있는 HTML 파일 하나)를 만들어 주세요. 내 시즌 ID는 [MY-SEASON-ID]입니다.

페이지는 다음을 갖춰야 합니다.

1. Get Fixtures For Season 서비스를 사용하여 시즌의 모든 경기를 한 번만 불러오고, 모든 필터링은 다시 불러오지 않고 페이지에서 처리하세요.

2. 탭을 두 개 만드세요. 최신순의 "결과"와, 가까운 순의 "경기 일정"(앞으로 치를 경기)입니다.

3. 경기를 날짜별로 묶고, 날짜를 제목으로 표시하세요.

4. 각 경기에 홈 팀, 점수 또는 킥오프 시간, 원정 팀, 디비전 또는 컵 대회 이름, 컵 대회 라운드(있는 경우), 경기장을 표시하세요.

5. 경기 자체에서 만든 메뉴를 사용하여 디비전 또는 컵 대회별, 팀별로 필터링할 수 있게 하세요.

6. 경기가 연기되었다면 시간 대신 그 사실을 표시하세요. 날짜가 미정인 경기는 "경기 일정" 탭 끝의 별도 섹션에 넣으세요. 경기 날짜가 지났는데 아직 결과가 없다면 시간 대신 "결과 대기 중"을 표시하세요.

7. 데이터를 1분에 한 번보다 자주 다시 불러오지 마세요.

디자인은 깔끔하고 휴대폰에서 읽기 쉽게 만들어 주세요. 파일을 열고 사용하는 방법을 간단한 단계로 설명해 주세요. 불분명한 점이 있으면 저에게 물어보세요.

디자인: [원하는 모양을 설명하거나 스크린샷을 첨부]

문제가 생겼을 때

  • 전반전 또는 승부차기 점수가 표시되지 않습니다. 이 목록에는 현재 그런 추가 정보가 포함되어 있지 않습니다. 매치 허브와 팀 페이지에는 포함되어 있습니다.

  • 결과가 보이지 않습니다. 결과는 리그가 승인한 뒤에야 표시됩니다.

  • 페이지에 오류 메시지가 표시됩니다. 시즌 ID가 맞는지, 그리고 리그의 API가 켜져 있는지 확인하세요.

  • AI의 미리 보기 창에서 페이지가 작동하지 않습니다. 많은 미리 보기는 다른 웹사이트의 데이터를 가져올 수 없습니다. 파일을 저장한 다음 브라우저에서 여세요.

  • AI가 사양을 읽을 수 없다고 합니다. 브라우저에서 사양 주소를 열어 전체를 선택하고 복사한 다음 AI에 붙여 넣으세요.

Get Fixtures For Season 서비스에 대한 자세한 내용은 API 사양에 있습니다.

답변이 도움되었나요?