무료 날씨 위젯 만들기
모든 도시의 실시간 날씨, 완전히 사용자 정의 가능. HTML 한 줄 — 모든 사이트(WordPress, Shopify, Wix, 일반 HTML 등)에서 작동합니다. 영원히 무료.
1. 도시 선택
/fr/paris → city=paris&country=fr2. 크기
3. 디자인
4. 언어 + 단위
5. 섹션 표시/숨기기
실시간 미리보기
60초 안에 모든 웹사이트에 삽입할 수 있는 무료 날씨 위젯
weather.now 위젯은 전 세계 모든 도시의 실시간 현재 날씨와 7일 예보를 38개 언어로 보여줍니다. 도시를 선택하고, 짧은 HTML 코드를 복사한 후, 페이지에 붙여넣기만 하면 됩니다. 설치 끝입니다. 플러그인, 계정, API 키, 결제가 필요 없습니다.
블로그, 호텔 랜딩 페이지, 휴가용 임대 숙소, 부동산 매물, 학교 포털, 여행 가이드, 마리나, 스키 리조트, Shopify 스토어 등 현재 날씨를 보여주면 좋은 모든 페이지에 사용할 수 있습니다.
이 코드는 두 가지 역할을 동시에 수행합니다. 방문자에게는 깔끔하고 스타일링된 날씨 카드로 표시됩니다. 검색 엔진, RSS 리더, 스크린 리더에게는 시맨틱 HTML 인용문(도시 이름, 예보 페이지 링크, weather.now 크레딧)으로 표시됩니다. 단 한 줄의 코드로 이 모든 것이 가능합니다.
이 무료 날씨 위젯을 선택하는 이유
- 영원히 무료. 가입, API 키, 사용량 제한, 신용카드가 필요 없습니다. 그냥 붙여넣고 사용하세요.
- 모든 것을 커스터마이즈하세요. 라이트, 다크, 또는 자동 테마. 강조 색상, 배경 색상, 텍스트 색상, 모서리 둥글기, 글꼴 크기, 위젯 크기, 표시할 섹션을 선택하세요.
- 38개 언어. 영어, 스페인어, 프랑스어, 독일어, 포르투갈어, 이탈리아어, 네덜란드어, 러시아어, 아랍어, 중국어(간체 및 홍콩/대만 번체), 일본어, 한국어, 베트남어, 터키어, 폴란드어, 체코어, 슬로바키아어, 그리스어, 히브리어, 태국어, 인도네시아어, 말레이어, 핀란드어, 노르웨이어, 스웨덴어, 덴마크어, 루마니아어, 헝가리어, 불가리아어, 우크라이나어, 리투아니아어, 라트비아어, 에스토니아어, 슬로베니아어, 세르비아어, 아이슬란드어.
- 날짜 및 시간 형식을 선택하세요. 12시간제(AM/PM) 또는 24시간제. 요일 이름, MM/DD, DD/MM 또는 월 이름 날짜.
- 단위를 선택하세요. 섭씨 또는 화씨. 미터법 또는 야드파운드법 풍속. 위젯당 하나의 선택.
- 모든 레이아웃에 맞춤. 배너, 정사각형, 표준 또는 전체 프리셋, 또는 미리보기를 180×80에서 1200×1000 픽셀 사이로 드래그하여 크기 조절. 위젯은 컨테이너가 변경됨에 따라 콘텐츠를 자동으로 재배치합니다.
- 번개처럼 빠름. 서버에서 렌더링된 HTML, 외부 자바스크립트 라이브러리 없음, 폰트 다운로드 없음, 추적 스크립트 없음. 로더 스크립트는 약 1KB, 렌더링된 위젯은 gzip 기준 6~8KB입니다.
- 모든 플랫폼에서 작동합니다. WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Joomla, Drupal, Notion 사이트, 일반 HTML, 단일 페이지 앱 — 작은 HTML 스니펫이 허용되는 모든 곳에서 사용 가능합니다.
- SEO에 최적화되었습니다. 스니펫에는 도시 이름과 해당 예보 페이지 링크가 포함된 실제 색인 가능한 인용 블록이 함께 제공됩니다. 검색 엔진은 위젯 스크립트가 실행되기도 전에 페이지를 크롤링하는 즉시 이를 확인합니다.
임베드 작동 방식
붙여넣는 스니펫은 작은 HTML 인용 블록과 한 줄의 스크립트 태그로 구성됩니다. 그 자체로 이미 유효하고 읽을 수 있는 콘텐츠입니다: 도시 이름이 있는 제목, 전체 예보 페이지 링크, weather.now에 대한 크레딧 라인. 크롤러는 페이지에 도달하는 즉시 이를 확인합니다.
자바스크립트를 실행하는 브라우저에서 페이지가 로드되면, 약 1KB의 로더 스크립트(비동기 로드)가 인용 블록을 스타일이 적용된 실시간 날씨 위젯으로 대체합니다. 일반 방문자는 렌더링된 위젯을 보게 됩니다. 크롤러, RSS 리더, 스크린 리더, 이메일 클라이언트 및 자바스크립트가 없는 모든 환경에서는 깔끔한 인용 폴백을 볼 수 있습니다. 숨겨지는 것도, 손실되는 것도 없습니다.
이는 Twitter, Instagram, Reddit이 임베드에 사용하는 동일한 접근 방식입니다: 의미론적 HTML 폴백을 제공한 후 풍부한 위젯으로 향상시킵니다. 자바스크립트를 작성하거나, iframe을 구성하거나, 렌더링 차단 스크립트에 대해 걱정할 필요가 없습니다. 붙여넣고 게시하면 작동합니다.
자주 묻는 질문
날씨 위젯은 정말 무료인가요?
네, 완전히 무료입니다. 가입, API 키, 사용량 제한이 전혀 없어요. 다만, 스니펫에 표시되는 작은 weather.now 크레딧을 유지해 주시기만 하면 됩니다. 그 크레딧 덕분에 새로운 사용자들이 저희를 발견하고, 이를 통해 모든 사람이 위젯을 무료로 계속 사용할 수 있습니다.
워드프레스에 위젯을 어떻게 설치하나요?
블록 편집기(Gutenberg)에서 사용자 정의 HTML 블록을 추가하고 스니펫을 붙여넣으세요. 클래식 편집기에서는 텍스트 또는 HTML 탭으로 전환하여 붙여넣으면 됩니다. Elementor나 Divi에서는 HTML 위젯을 사용하세요. 플러그인이나 테마 수정은 필요하지 않습니다.
Shopify에 어떻게 설치하나요?
테마 편집기를 열고 아무 페이지에 Custom HTML 섹션을 추가한 후 스니펫을 붙여넣으세요. 푸터나 사이드바에 사이트 전체 위젯을 표시하려면 theme.liquid를 편집하고 원하는 위치에 스니펫을 붙여넣으세요. 제품 페이지나 블로그 글에서도 작동합니다.
Wix나 Squarespace에는 어떻게 설치하나요?
두 편집기 모두 HTML 임베드 블록이 있습니다. Wix에서는 Embed HTML 요소를 추가하고 스니펫을 붙여넣으세요. Squarespace에서는 코드 블록(HTML로 설정)을 추가하고 스니펫을 붙여넣으세요. 위젯은 두 샌드박스 내에서 올바르게 렌더링됩니다.
같은 페이지에 여러 도시의 예보를 표시할 수 있나요?
네, 도시별로 스니펫을 원하는 만큼 여러 번 붙여넣을 수 있습니다. 각 위젯은 독립적으로 로드되며 에지에서 별도로 캐시되므로 도시를 추가해도 페이지 속도가 느려지지 않습니다.
날씨 위젯이 웹사이트 속도를 저하시키나요?
Core Web Vitals에 측정 가능한 영향이 없습니다. 로더 스크립트는 약 1KB이며 비동기로 로드됩니다. 위젯 자체는 지연 로드되어 방문자가 스크롤로 근처에 오기 전까지 렌더링되지 않습니다. 렌더링된 페이로드는 gzip 기준 평균 6~8KB이며, 전 세계적으로 100밀리초 미만의 지연 시간을 제공하는 CDN에서 제공됩니다.
위젯 설치 후 색상과 크기를 변경할 수 있나요?
네, 모든 옵션은 스니펫의 일반 HTML 속성입니다. 붙여넣은 코드에서 숫자나 16진수 색상을 변경하면 페이지가 로드될 때 위젯이 업데이트됩니다. CSS 파일이나 빌드 단계가 필요하지 않습니다. 또는 위의 생성기로 돌아가 새 변형을 디자인하고 새 스니펫을 복사하세요.
날씨 데이터는 얼마나 최신인가요?
현재 상태는 저희 서버에서 5~10분마다 업데이트됩니다. 위젯은 라이브 캐시에서 데이터를 가져오므로 방문자들은 항상 최신 날씨를 볼 수 있으며, 사용자 측에서 별도 작업이 필요하지 않습니다.
어떤 날씨 데이터 소스를 사용하나요?
주요 글로벌 기상 제공업체의 데이터를 집계하여 각 도시에 대해 가장 고해상도 소스를 선택합니다. 전 세계 모든 인구 거주 국가와 280만 개 이상의 도시 및 마을을 포함하며, 대부분의 API가 놓치는 원격 지역도 포함됩니다.
위젯이 GDPR을 준수하나요?
네. 위젯은 쿠키를 설정하지 않고, 추적 스크립트를 실행하지 않으며, 사용자를 식별하지 않고, 방문자 IP 주소를 분석에 사용하지 않습니다. 유일한 네트워크 호출은 weather.now에서 위젯 HTML과 날씨 아이콘을 가져오는 것뿐입니다 — 이는 YouTube 동영상이나 Google 지도를 삽입할 때 사이트에서 하는 것과 동일한 호출입니다. 쿠키 배너에 추가할 필요가 없습니다.
방문자가 자바스크립트를 비활성화한 경우에도 위젯이 작동하나요?
네 — HTML 대체 콘텐츠가 표시됩니다: 도시 이름, weather.now의 전체 예보 페이지로 연결되는 링크, weather.now 크레딧. 스타일이 적용된 위젯은 로더 스크립트가 실행된 후에만 나타납니다.
AMP 페이지에서 위젯을 사용할 수 있나요?
AMP는 사용자 정의 스크립트를 차단하므로 라이브 위젯이 AMP 페이지에서 렌더링되지 않습니다. HTML 대체(도시 이름, 예보 링크, 크레딧 표시)는 유효한 AMP 마크업이며 정상적으로 표시되므로 대부분의 사용 사례에 충분합니다.
방문자의 위치와 관계없이 특정 언어를 강제로 설정할 수 있나요?
네 — 생성기에서 언어 옵션을 지원되는 38개 로케일 중 하나로 설정하면 위젯이 항상 해당 언어로 렌더링됩니다. 자동으로 설정하면 위젯이 각 방문자의 브라우저 언어를 따릅니다.
사이트에 날씨를 추가할 준비가 되셨나요?
위로 스크롤하여 도시를 검색하고, 크기와 색상을 선택한 후 코드를 복사하세요. 전체 과정은 1분도 채 걸리지 않으며, 방문자들은 영원히 실시간 일기예보를 무료로 볼 수 있습니다.