한줄요약 : 취준하다 답답해서 직접 만든 구인 공고 필터 크롬 확장 프로그램 chrome.google.com/webstore/detail/rma/ibfoelalnhihfkhhjpnpkajhmiojmnph?hl=ko& RMA Remember My Application chrome.google.com 목차 1. 제작 동기 & 결과물 2. 구상 3. 개발 시작 3-1. manifest.json : 환경설정 3-2. chrome.storage.sync : userDate 관리 3-3. popup.html : View 3-4. 소소한 삽질 4. 완성 및 배포 5. 후기 1. 제작 동기 & 결과물 여러 취업 포털을 통해 입사지원 하던 가운데 중복, 기 지원, 관심 없는 공고로 인한 생산성 저하를 느꼈다. 취업포털 ..
URL을 공유할 때 제목과 설명, 이미지를 설정해보자 1 2 3 4 5 6 7 8 cs meta 태그의 author, description은 SEO를 위해 사용되고 property는 링크 공유 시 상세 정보 전달을 위해 사용된다. og:image는 외부에서 이미지를 가져올 수 있어야 하기 때문에 이미지 링크를 통해 전달해야할 듯 싶다. 이미지는 가로 세로가 같은 비율인 것으로 사용해야할 듯 싶다. 안 그러니 짤리네.. title과 description이 실제로 전달할 핵심 내용이 아닐까 싶다. 한글이 깨지고 저장시 오류가 나는 문제가 있었는데 첫줄의 내용이 빠져서였다. 이 파일은 템플릿 파일이고 한글이 들어온적이 없었어서 지금까지 문제는 없었는데 한글이 들어오려면 템플릿 파일로 합친다고 하더라도 모든 파..
See the Pen Browser Identifier by Richard JEON (@hj-rich) on CodePen. 버튼을 클릭하면 현재 Client의 browser, os 등의 정보가 alert된다. 이하는 방문카운트 기능을 추가한 과정을 기록한다. 1. 쿠키를 이용해 24시간 간격으로 fetch하는 함수를 footer에 추가. document.cookie 를 이용해 쿠키 유무 확인 및 쿠키 생성을 진행한다. 쿠키가 없으면 쿠키를 생성하되, 이름을 지정하고, 유효기간은 현재로부터 24시간으로 한다. footer template에 담아서 모든 페이지에서 쿠키 유무를 판별하도록 처리한다. 쿠키가 있으면 아무 일도 하지 않는다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ..