퇴근후 공방

이제 기본 구조는 알았으니 내가 원하는 기능을 넣으면 된다.내가 상상한 기능을 구상해보기 위해 대충 그림판으로 편집해서 구도를 잡았다..     나만 사용하는 확장 프로그램이기 때문에 우선 디자인은 크게 고려하지 않았다. 우선 background.js와 content.js와 같이 필요 없는 코드들을 비활성화했다. 그리고 아래와 같이 Popup.html, Popup.js를 수정하고 styles.css를 추가했다.  popup.html 오늘 날짜 복사   popup.jsdocument.addEventListener("DOMContentLoaded", () => { const fullDateSpan = document.getElementById("fullDate"); const to..

유튜브에서 크롬 확장 프로그램을 만드는 영상을 봤더니 갑자기 나도 만들고 싶어졌다. 기왕이면 내가 필요한 기능을 넣어서 만들어보기로 했다.예를 들어, 나는 운동을 할때 비공개로 일기를 적어놓는다.제목을 년도와 날짜로 표시하는데 이걸 일일히 직접 작성한다. 아마 확장 프로그램으로 오늘의 날짜를 제목에 맞게 복사할 수 있다면 큰 수고를 덜 수 있을 것 같다.       이제 확장 프로그램을 제일 빨리 만들어 볼 수 있는 방법을 사용했다.바로 ChatGPT에게 물어보는 것이다.자바스크립트는 데이터가 많아서 그런지 쉽게 대답해준다. manifest.json확장의 메타데이터를 정의하며, 필수적인 파일입니다. 다음과 같은 정보를 포함합니다{ "manifest_version": 3, "name": "My Chro..