네이버 웹툰 북마크 - Typescript + background 적용
2023. 3. 22. 18:00
프로그래밍/네이버 북마크 크롬 익스텐션
사실..background는 그냥 JS로쓰는게 맞지않을까한다 굳이..? 하는 생각도 많이들기도하고 1인개발에서 고작 몇줄적자고 (많아야 2~30줄일듯한데 ..) TS적용하는 것은 좀 아니긴하지만 그래도 야매로 적용하는 방법이 있으니 소개해보려한다 Background + Typescript 세팅 먼저 type부터 설치해주자 https://www.npmjs.com/package/@types/chrome @types/chrome TypeScript definitions for Chrome extension development. Latest version: 0.0.224, last published: 4 days ago. Start using @types/chrome in your project by runn..
네이버 웹툰 북마크 - Typescript + content script 적용
2023. 3. 21. 19:00
프로그래밍/네이버 북마크 크롬 익스텐션
2023.03.19 - [All] - 네이버 웹툰 북마크 - CRXJS 네이버 웹툰 북마크 - CRXJS CRXJS란 오늘은 CRXJS를 소개해보려 한다 https://crxjs.dev/vite-plugin/ Introduction | CRXJS Vite Plugin CRXJS Vite Plugin is a tool that helps you make Chrome Extensions using modern crxjs.dev 이 얼마나 아름다운 울림인가 익스텐션 hbyun.tistory.com 이번 편은 이전 글에서 이어진다 봐야 이번 장을 알거나 이미 세팅된 프로젝트가 있어야 한다 기초 지식 익스텐션은 대충 크게 3가지로 구분할 수가 있다 popup 이건 내가 만든 크롬익스텐션의 버튼을 누르면 뜨는 창이..
네이버 웹툰 북마크 - CRXJS
2023. 3. 19. 08:38
프로그래밍/네이버 북마크 크롬 익스텐션
CRXJS란 오늘은 CRXJS를 소개해보려 한다 https://crxjs.dev/vite-plugin/ Introduction | CRXJS Vite Plugin CRXJS Vite Plugin is a tool that helps you make Chrome Extensions using modern crxjs.dev 이 얼마나 아름다운 울림인가 익스텐션 개발을 매우편하게 만들어준다 심지어 리액트, 뷰, 솔리드, 바닐라까지 지원한다!! 필자는 리액트 하드빠돌이기때문에 리액트로 진행한다 CRXJS 환경설정 공식 홈페이지의 절차를 그대로 가져왔다 일단 프로젝트 만들 곳에 가서 터미널을 켜준다 터미널에 vite로 프로젝트를 초기화해보자 npm init vite@latest 프레임워크는 CRXJS에서 지원하는..
네이버 웹툰 북마크 - 크롬 익스텐션을 만들어보자
2023. 3. 12. 14:58
프로그래밍/네이버 북마크 크롬 익스텐션
최근에.. 일에 지쳐 뭔가 색다른 게 없나? 찾아보던 도중에 무심코 웹툰을 보던 나를 발견했다 그리고 웹툰을 하나하나 찾으면서 매우 귀찮았는데 여기서 하나의 반짝임이 내 뇌리를 스쳤다 "아 이거 북마크처럼 그냥 냅다등록해두면 내가 원하는 작품들 보게 할 순 없을까" 왜 안되겠는가 이미 DOM은 디버거에 찍히고 있고 이거만 자바스크립트로 어떻게든 지워내면 끝이다 그러면.. 어떻게 조금 더 편하게 이걸 자바스크립트를 실행시킬까 생각하던 도중 "아!! 익스텐션 각이다 이거 " 라고 생각하고 바로 만들기 시작했다 제일 처음 만들던 건 실패해서 그냥 냅다 땅에 박아뒀는데 그때 그래도 배운 건 i18n을 적용해 본지라 나름 도움이 된 기억이 있다 2022.10.26 - [프로그래밍/ㄴ WEB+JS] - [VUE 3..