실시간 날씨 소스 구하기

실시간 날씨 소스 구하기

01. 웹 사이트 'SHARP WEATHER'에 먼저 접근한다.

https://sharpweather.com/

02. 맨 위에 난 '글 상자'에 '자신이 사는 도시 이름'을 영자로 쓰고 검색한다.

예) '광주'라면 'Gwangju'라고 쓰니까 바로 밑으로 'Gwangju, South Korea'가 뜨더라.

그래서 바로 그 단어를 눌러서 안으로 들어갔다.

03. 그랬더니 페이지 중앙에 광주 지역에 대한 '실시간 날씨 앱'이 뜨긴 떴는데
온통 '영문'이라서 어렸을 때부터 '한글'에 최적화된 나로서는 매우 거북하더라!

04. 대갈통으로 그 해결책을 모색했지만, 딱히 마땅한 답을 못 찾았기에 그냥 무심한 척 페이지에서
위쪽의 글 상자 오른쪽에 난 'Widgets for website'를 눌렀는데 눈 깜짝할 새에 가운데로 '황금알'이 쏟아졌다.

여러 신호 중 그래도 'Ko'에 정감을 부어 눌러봤다. → 그랬더니 사이트가 '한글'로 변했어요!

05. 가운데 난 '웹사이트용 HTML 날씨 위젯' 목록에서 나는 '↓ 반응형 위젯'을 눌러본다.

이 부분(05)에서는 모두다 한 번씩 눌러 본 뒤 자신이 원하는 '모델'을 선택하면 될 것이다.

나는 '↓ 반응형 위젯'을 택하고 그중에서도 첫 번째 목록을 찜한 뒤 나머지 부분
(앱의 크기, 글 색상, 글의 배경, 글꼴 등등)을 정한 뒤 가운데로 방금 선택한 모양대로
생긴 글 상자 안의 코드를 'HTML 코드 복사' 버튼을 눌러서 클립보드에 복사했다.

06. 메모장을 열고는 클립보드에 복사된 코드를 붙여넣었더니 너무나도 밋밋한 형태의 소스가 나오더라.

더 볼 것도 없이 그 상태에서 다른 이름으로 저장(예. Wether.htm)했다.

07. 그러고는 홈페이지에서 방금 저장했던 걸 알림창으로 뜨게끔 했다.

실은 알림창 말고도 홈피에서 어떤 부위를 누르면 팝업으로 뜨게끔 그 두 가지를 다 넣었다.

지금 이 글 쓰면서 생각해보니 아닌 게 아니라 너무도 밋밋하다.

HTML 기본 코드를 몇 줄 더 추가해서 이 문서 이름도 넣고 또 하나는 이 문서의 아이콘도 넣어야겠다.

여기까지다.

~ 사랑 ~