fetchAPI 2

JavaScript: 나만의 대시보드 만들기 (2) - 날씨 정보와 투두 리스트 결합 🌤️📝

안녕하세요, 독자 여러분! 개발자의 삶입니다. 😊38일차 포스팅에서는 텅 빈 화면에 실시간 시계를 띄우고, 사용자에게 이름을 물어보아 기억하는 대시보드의 기초 뼈대를 만들었습니다. 입력한 이름이 나타나며 시계가 째깍거리는 모습에 뿌듯함을 느끼셨을 텐데요.오늘은 이 대시보드를 진정한 나만의 비서로 업그레이드하는 시간입니다. 31일차와 32일차에 배웠던 위치 기반 날씨 정보, 그리고 26일차에 완성했던 영구 저장 투두 리스트를 이 대시보드 화면에 하나로 합쳐보겠습니다.1. 도입지금까지 우리는 각각의 기능들을 따로따로 배웠습니다. 시계 파일, 날씨 파일, 투두 리스트 파일이 다 따로 있었죠. 하지만 웹 개발의 진짜 묘미는 이렇게 만들어진 작은 부품(컴포넌트)들을 하나의 화면에 모아서 거대한 서비스를 조립하는..

IT/Javascript 2026.05.05

JavaScript: 외부 서버와 통신하기! Fetch API 기초 (날씨 데이터 가져오기) 🌤️

안녕하세요, 독자 여러분! 개발자의 삶입니다. 😊31일차 포스팅에서는 Geolocation API를 사용하여 내 컴퓨터나 스마트폰이 위치한 곳의 위도와 경도 숫자를 얻어내는 방법을 배웠습니다. 하지만 숫자만으로는 지금 밖이 더운지, 비가 오는지 알 수 없습니다.우리가 알아낸 좌표를 날씨 정보를 가지고 있는 거대한 컴퓨터(서버)에게 보내서, "이 좌표의 현재 날씨를 알려줘!"라고 요청해야 합니다. 오늘은 자바스크립트가 외부 세계와 대화할 수 있게 해주는 통신 마법사, Fetch API에 대해 알아보겠습니다.1. 도입지금까지 우리가 작성한 코드는 모두 브라우저 안에서만 외롭게 동작했습니다. 하지만 현대의 웹사이트는 수많은 외부 서버와 데이터를 주고받습니다. 유튜브는 구글 서버에서 영상을 가져오고, 인스타그..

IT/Javascript 2026.03.19