리그 순위표 페이지는 리그의 각 디비전 순위를 보여 주며, 디비전 사이를 전환하는 메뉴가 있습니다. 단독으로 사용하거나 웹사이트의 뉴스 옆에 넣을 수 있습니다.
개발자가 아니어도 됩니다. 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 Fixture Groups For Season 서비스를 사용해 시즌의 디비전 목록을 가져와 메뉴에 표시합니다. 첫 번째 디비전으로 시작합니다. 2. 디비전을 선택하면 Get Standings For Fixture Group 서비스를 사용해 해당 순위표를 표시합니다. 디비전은 선택했을 때만 불러옵니다. 3. 순위, 팀, 경기 수, 승, 무, 패, 득점, 실점, 득실차, 승점과 함께 최근 성적을 작은 색상 배지(승, 무, 패)로 표시합니다. 4. 컵 대회도 메뉴에 표시하되, 컵 대회의 순위표는 선택했을 때만 확인합니다. 조별로 진행되는 경우 각 조마다 순위표를 하나씩 표시하고 그 위에 조 이름을 표시합니다. 순위표가 없으면 그렇다고 알려 줍니다. 5. 팀을 탭하면 해당 행이 강조되도록 합니다. 6. 휴대폰에서는 순위, 팀, 경기 수, 득실차, 승점만 남기고 나머지 열은 숨깁니다. 7. 불러온 순위표는 각각 저장하고, 같은 순위표를 1분 이내에 다시 요청하지 않습니다.
디자인은 깔끔하고 휴대폰에서 읽기 쉽게 해 주세요. 파일을 열고 사용하는 방법을 쉬운 단계로 설명해 주세요. 불분명한 점이 있으면 저에게 물어봐 주세요.
디자인: [원하는 디자인을 설명하거나 스크린샷을 첨부하세요] |
문제가 생겼을 때
디비전의 순위표가 모두 0입니다. 그 디비전은 아직 경기를 치르지 않았습니다. 결과가 입력되면 채워집니다.
디비전이 보이지 않습니다. 리그 웹사이트에서 순위표가 숨겨진 디비전은 여기에서도 숨겨집니다.
페이지에 오류 메시지가 표시됩니다. 시즌 ID를 확인하고, 리그에서 API가 켜져 있는지 확인하세요.
AI의 미리 보기 창에서 페이지가 작동하지 않습니다. 많은 미리 보기 창은 다른 웹사이트의 데이터를 가져올 수 없습니다. 파일을 저장한 뒤 브라우저에서 여세요.
AI가 사양을 읽을 수 없다고 합니다. 브라우저에서 사양 주소를 열고, 전체를 선택해 복사한 다음 AI에 붙여 넣으세요.
여기에서 사용하는 서비스에 대한 자세한 내용은 API 사양에 있습니다.