메인 콘텐츠로 건너뛰기

매치 허브 페이지 만들기

AI 어시스턴트를 사용하여 리그의 경기, 점수, 순위표를 날짜별로 보여 주는 페이지를 만드세요.

작성자: Pedro Maia

매치 허브 페이지는 하루 동안 리그에서 일어나는 모든 것, 즉 경기, 점수, 리그 순위표를 한곳에 보여 주며, 날짜 막대로 날짜를 옮겨 다닐 수 있습니다. LeagueRepublic 웹사이트의 매치 허브 페이지와 비슷하지만 디자인은 직접 정합니다.

개발자가 아니어도 괜찮습니다. 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"가 원정을 뜻한다는 규칙을 따르세요. 해당 주소를 열 수 없으면 작업을 멈추고 사양을 붙여 넣어 달라고 요청하세요.

Get Match Hub 서비스를 사용하여 내 리그의 매치 허브를 보여 주는 웹 페이지 하나(브라우저에서 열 수 있는 HTML 파일 하나)를 만들어 주세요. 내 시즌 ID는 [MY-SEASON-ID]입니다.

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

1. 상단에 클릭할 수 있는 경기일 막대를 표시하고, "미정" 항목도 포함하세요. 각 날짜에는 결과 수와 치러야 할 경기 수를 표시합니다. 날짜를 클릭하면 해당 날짜를 불러옵니다. 페이지가 열리면 표시 중인 날짜가 보이도록 막대를 스크롤하세요.

2. 시즌을 전환할 수 있게 하세요.

3. 해당 날짜의 경기를 디비전 또는 컵 대회 라운드 이름별로 묶어 표시하세요.

4. 각 경기에 홈 팀, 점수, 원정 팀을 표시하세요. 아직 시작하지 않았다면 대신 킥오프 시간을 표시하세요. 라이브 점수에는 "라이브", 리그가 아직 승인하지 않은 결과에는 "잠정"이라고 표시하세요. 경기가 연기되었다면 시간 대신 그 사실을 표시하세요. 경기 날짜가 지났는데 아직 결과가 없다면 시간 대신 "결과 대기 중"을 표시하세요.

5. 전반전이나 승부차기 같은 추가 점수 정보는 작은 글씨로 표시하세요. 컵 대회 라운드가 이미 그룹 이름에 있으면 경기 아래에 다시 표시하지 마세요.

6. 각 디비전 아래에 리그 순위표(순위, 팀, 경기 수, 승, 무, 패, 득실차, 승점, 최근 폼)를 표시하세요.

7. 경기에 개별 게임(다트, 풀)이나 이닝 또는 쿼터별 점수가 있다면, 열고 닫을 수 있는 섹션에 표시하세요.

8. 각 날짜는 불러온 뒤 저장하고, 같은 날짜를 1분 안에 다시 요청하지 마세요.

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

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

문제가 생겼을 때

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

  • 페이지에 데이터가 전혀 표시되지 않습니다. 보이는 내용을 AI에게 정확히 알려 주세요. 페이지가 데이터를 불러오는 방식을 바꿔야 할 수 있습니다.

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

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

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

답변이 도움되었나요?