웹 개발 공부

html에 time을 출력할 태그를 가져와서(document.querySelector("")) 상수(const)에 넣습니다. const timeText = document.querySelector('#main-time'); 이어서 function을 만듭니다. function dDayTime(){ } 이제 Date를 상수에 넣어야 하는데, 일단 function 안에 D-day에 필요한 상수를 2개 만듭니다. (D-day 날짜를 지정하는 함수와 오늘 날짜 상수) const dDay = new Date("October 01, 2021 00:00:00"); const toDay = new Date(); 그리고 오늘 부터해서 지정한 10월 1일까지의 일수를 구하기 위해, dDay에서 toDay를 뺀 값을 넣을 상..

노마드 코더의 카카오 클론에다가 기능을 적용해보았습니다. 위는 클릭하기 전 상태입니다. 하트 버튼 클릭 시 숫자는 올라가고 하트 아이콘 색이 변하도록 적용했습니다. # HTML 126 하트 아이콘은 fontawesome에서 가져왔습니다. fontawesome 아이콘을 쓰려면 링크를 가져와야 하는데, 위 를 사용하시면 됩니다. 그리고 는 제일 맨 아래에 두셔야 합니다. #CSS .heart-Button{ width: 100px; height: 100px; border: none; border-radius: 50%;// 원 }; .fa-heart{ width: 50px; }; 버튼의 라인를 없애기위해서 border:none을 사용했습니다. # JS 이어서 js 코드부터 올리고 왜 이렇게 했는지 설명을 덧붙이..

- 글을 쓰기 앞서 이 블로그는 공부 내용들을 정리 & 노출함으로서 공유하기 위해 쓰는 용도라 존댓말을 쓰지 않음을 알립니다. 쿨한 척은 결단코 아닙니다. 단지 이 말투가 편하네요. - 유용한 정보를 공유한다는 건 참 좋은 일인 것같습니다. (늘 감사합니다.) 유저의 좌표를 알기위해 일단은 navigator.geolocation()을 사용합니다. navigator.geolocation()이 무엇인 mdn에 검색해보니, - Navigator.geolocation() 읽기 전용 속성은 웹에서 장치의 위치를 알아낼 때 사용할 수 있는 Geolocation 객체를 반환합니다. - 라고 합니다. ※ 보안 상의 문제로, 웹 페이지가 위치 정보에 접근을 시도하면 사용자에게 알림을 보내고 권한을 허용할지 묻는다고 합니..