개발하는 뚝딱이

AJAX를 왜 썼는가? 각 카드 안의 파란 버튼을 누르면 최신 데이터를 가져오도록 구현하는 것이 웹의 목적이었다. 각 버튼을 통해 URL GET 요청으로 서버에서 MQTT request를 요구하도록 구현하였다. 그 때마다 html 파일과 버튼에 해당하는 결과값을 받도록 하였는데, 그 때마다 새로운 html로 화면이 전환된다. 이 때 html 파일과 함께 원하는 특정 최신 데이터만 받으므로, 다른 데이터의 값은 다시 사라지게 된다. 예를 들어 온도 값이 html과 함께 rendering 되었으나, 습도 값을 가져오는 버튼을 눌렀을 때 다시 새로운 URL 요청으로 새 html과 습도 값만 가져오므로 모든 값들은 프론트까지 오지 못하게 된다. 이 상황에서 세 가지 옵션을 생각했다. URL 요청 시, 어느 버튼..

웹 개발 과정에서 개발자 도구로 console 확인 시, favicon 404에러가 뜨는 경우가 있다. favicon이란? 웹 사이트의 상단 탭에 보여지는 아이콘이다. 아래 그림의 빨간 박스에 쳐져 있는 것이 그 예시. Chrome이나 FireFox에서는 favicon.ico에 링크가 걸려있지 않으면 서버를 다시 호출하고 404에러가 발생한다. 이를 막기 위해서 favicon이 없음을 알려줘야 한다. 태그 사이에 아래와 같이 링크를 넣어준다. console 창이 깔-끔! 해지는 것이 확인 가능하다.

1. getYear(); 함수는 현재 웹 표준에서 제거되었으므로 대신에 getFullYear();를 사용하자 2. getMonth();와 getDay(); 함수는 시작이 0부터이므로 + 1을 해서 사용하자