Skip to content

리디 독서노트를 클립보드에 복사해주는 크롬 확장프로그램 입니다.

Notifications You must be signed in to change notification settings

ParkGiraffe/ridi-journals

Repository files navigation

[RIDI-Journals] 리디북스의 독서노트 글귀를 복사하는 크롬 확장프로그램


안녕하세요. 박기린 입니다. 이번에 직접 [RIDI-Journals]라는 프로그램을 개발하여, 크롬 웹 스토어에 출시를 했습니다. 이 프로그램은 무엇이며, 어떻게 사용하는 지에 대해 알려드리겠습니다.



[RIDI-Journals] 다운로드 경로

크롬 웹 스토어 링크 : https://chrome.google.com/webstore/detail/ridi-journals/nnoenkkonhieiadnloppmapbnboabbmh



제작동기 & 목적

- 제작동기

리디북스의 독서노트 글귀들을 따로 모아서 정리하고 싶었는데, 형광펜을 칠한 글귀가 너무 많아 한 번에 복사하려니 문제가 발생했습니다.

1. 복사한 글자의 일부분이 끊겨서 나옵니다.
2. 추가 메모, 날짜 부분이 같이 복사가 됩니다.

이 번거로운 문제를 없애주는 프로그램을 만들고 싶었습니다.


- 목적

리디북스의 독서노트 글귀를 한 번에 깔끔하게 복사해주는 크롬 확장프로그램을 제작합니다.




깃허브 & 사용설명서 링크

RIDI-Journals 사용설명서 주소 : https://arnopark.tistory.com/626

사용설명서는 꼭 읽어주시길 바랍니다.




프로그램 실행 화면




기술 스택

"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"@types/chrome": "^0.0.224",
"@types/jest": "^27.5.2",
"@types/node": "^16.18.16",
"@types/react": "^18.0.28",
"@types/react-dom": "^18.0.11",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-scripts": "5.0.1",
"styled-components": "^5.3.9",
"typescript": "^4.9.5",
"web-vitals": "^2.1.4"



제작과정 및 에러/오류 해결과정

id title link
1 기초 설정하기 https://arnopark.tistory.com/635
2 크롤링 기능 구현하기 https://arnopark.tistory.com/636
3 팝업 UI 디자인 만들기 https://arnopark.tistory.com/637
4 더보기 버튼 기능 구현하기 https://arnopark.tistory.com/638
5 아이콘 디자인 만들기 https://arnopark.tistory.com/640
6 크롬 웹 스토어에 출시하기 https://arnopark.tistory.com/641

개발 일지 블로그 카테고리


프로그램 질문 및 오류 제보는 임시로 이 글(https://arnopark.tistory.com/629)의 댓글로 받겠습니다.

추후 Q&A 및 오류 전용 글을 마련하도록 하겠습니다.