유저 자료실

2025.09.13 11:03

날씨위젯

1757729851_08afb57f283c3a58_clipboard_image_1757729851038.png


사용자의 현재 위치에 기반하여 날씨정보를 불러옵니다.
(추후 고도화시 날씨 권한 비허용시 지정한 좌표로 날씨정보를 불러오도록 추가 예정)

해당 위젯을 사용하기 위해, 총 2개의 API를 발급 받아야 합니다.

1. 카카오 RestAPI (https://developers.kakao.com)
좌표로 행정구역정보 변환 API 사용
(그누보드5 환경설정-카카오 REST API 키 API키 입력)

2. WeatherAPI (https://www.weatherapi.com)
좌표로 날씨 정보 불러오기 (월 100만건 무료 추정)
(rb.weather/rb.weather.ajax.php 파일 상단 WEATHERAPI_KEY API키 입력)

사용된 날씨 아이콘 SVG : Lucid(https://lucide.dev)


위젯을 삽입하면, 사용자에게 현재위치 정보를 제공받기위한 요청이 브라우저 자체적으로 표시됩니다.
위젯폴더 이름은 rb.weather 으로 가급적 변경하지 않으시길 권장드립니다.
  • 공유링크 복사
    미니홈 쪽지 구독하기
    구독하고 알림받기

    댓글목록

    profile_image
    no_profile rainbow미니홈 1:1 대화하기  14일 전

    날씨는 삶에 중요한 정보죠.
    사이트에 이쁘게 추가할 수 있게 위젯으로 제공해 주셔서 감사합니다.
    사용자의 위치 기반으로 자동으로 날씨가 공개되니 더 좋네요.

    2025-09-13 17:20

    profile_image
    no_profile 민트다이어리미니홈 1:1 대화하기  14일 전

    추천!! 감사합니다 ^^

    2025-09-13 17:36

    profile_image
    no_profile decoy미니홈 1:1 대화하기  8일 전

    감사합니다~역시 깔끔하네요
    날씨 글씨대신에 동이름이 나오는건 복잡해지겠죠? ㅎ

    2025-09-18 21:24

    profile_image
    HUMHAE미니홈 1:1 대화하기  8일 전

    어렵지는 않아요! kakao api에서 세분화된 주소를 반환해주기 때문에 날씨 부분에 대입해주면 되는데, 지금 작업중인게 있어서 마무리하면 반영해드릴게요~

    2025-09-18 21:55

    profile_image
    no_profile decoy미니홈 1:1 대화하기  8일 전

    네 감사합니다!

    2025-09-18 23:21

    profile_image
    no_profile 오드리햇반미니홈 1:1 대화하기  20시간 전

    Unexpected token '<', "<br /> <fo"... is not valid JSON

    이런 오류가 발생하네요...

    2025-09-26 23:16

    profile_image
    HUMHAE미니홈 1:1 대화하기  11시간 전

    F12 콘솔에서 어떻게 확인 되실까요???

    2025-09-27 08:10

    profile_image
    no_profile 오드리햇반미니홈 1:1 대화하기  4분 전

    아... 정확한 설명이 필요합니다 ㅠ

    이제 두달이 다되어 가는 초보자 라서요 ㅠㅠ

    일단, 올리신 설명대로 정확하게 한거 같긴 합니다만.... 그런 오류가 뜨네요 ㅠㅠ 방법이 없을까요

    2025-09-27 20:03