할일 생성 구현 & 인증 로직 수정

[hvrain]

📑 작업 개요

• extension을 연 크롬 탭의 링크가 포함된 할일을 생성할 수 있도록 구현

✨ 작업 이유

• 사용자가 할일 생성을 위해 우리 사이트를 방문하지 않고, extension을 사용해 만들 수 있도록 구현

📌 작업 내용

• buildone 서비스의 할일 생성 모달과 비슷한 로직의 할일 생성 구현
• accessToken을 extension storage에 저장하고, 그에 맞는 인증 로직으로 수정
• 토큰 재발급 요청 에러가 생겨 해당 로직은 제거 (에러를 해결하면 다른 pr에서 다시 추가)
• 디자인 수정 (text-base -> text-sm 등 재활용한 컴포넌트의 디자인 수정)

🤝🏻 해당 부분을 중점적으로 리뷰해주세요!

• accessToken은 extension storage에 저장하면 생기는 보안적 문제는 고려되지 않은 상태입니다. 만약 보안적 문제를 발견하신다면 알려주시면 감사합니다. (보안 문제는 pr을 따로 만들어 진행할 예정입니다.)

• 할일 생성을 성공하면, 성공했다는 메세지를 보여줘야 하는데, 이 부분 다른 pr에서 작업하겠습니다.

• extension 창의 테투리를 변경할 수 있지만, 코드를 전부 수정해야 하고, 그 방법 또한 단점이 있어서 테투리 디자인을 변경하지 않았습니다.

• pnpm dev로 실행하면 환경변수가 제대로 반영되지 않는 버그가 있습니다. 그래서 테스트 해보실 땐, pnpm build로 해주신 후 이전 pr에서 말씀드린 실행방법 그대로 따라 하시면 됩니다.

🖥️ 실행 화면

2025-03-12.13.34.00.mp4

🎟️ 관련 이슈

close:

[xorms571]

이것은 제가 테스트해서 확인할 수 있는 건가요?

[hvrain]

이것은 제가 테스트해서 확인할 수 있는 건가요?

백엔드 요청 포함해서 테스트 하려면, 백엔드님께 origin 허용 요청을 드려야 합니다. 테스트하긴 쉽지 않을 건데 혹시나 해서 테스트 방법을 본문에 적었습니다.

[typeYu]

생성되었을 때, 따로 토스트 메시지 같은게 추가되면 좋을 것 같아요