현재 간단한 프로젝트를 진행중에 있다.
JavaScript와 OpenWeatherAPI, LocalStorage, DOM을 익힐 수 있었다.
LocalStorage는 String만 저장하기 때문에 객체를 받았을때, 이를 JSON.Stringfy를 사용해 문자열로 변환한 후 저장해주어야 한다.
코드가독능력을 향상시켰다.
: 구글링과 GPT 사용을 최소화하고 코드를 읽고 파악함을 통해 에러를 해결하고 구현하였다. 이 과정에서 코드 읽는 능력이 향상 되었고 충분히 코드를 잘 읽어나갈 수 있겠다라고 생각했다.
에러
: disabled 처리를 통해 유저이름이 로컬스토리지에 저장되었을 때 disabled를 제거해 창을 띄우려 했다. 그러나 잘되던 것이 안되는 것이였다. 그 이유가 login.js와 clock.js의 변수명이 동일하기 때문이였다. login.js에서 먼저 변수를 저장하고 clock.js의 변수를 추가했을때 disabled조작이 되지 않았는데 const day const dayTime를 만들어 놨다는 것을 잊고 또 만들었기 때문이였다.
실수하지 말자.
login.js
const loginForm = document.querySelector("#login-form");
const loginInput = document.querySelector("#login-input");
const loginBtn = document.querySelector("#login-btn");
const welcome = document.querySelector("#welcome");
const yourName = document.querySelector("#welcome span");
// const day = document.querySelector("#day");
const todoContainer = document.querySelector(".todo-container");clock.js
const dayTime = document.querySelector("#day-time");
const day = dayTime.querySelector("#day");
const time = dayTime.querySelector("#time");
const date = new Date();