hongjw030 / introspection-helper Goto Github PK

Describe the solution or new feature you'd like
오늘 회고 썼는지 안썼는지 볼 수 있는 기능

Is your feature request related to a problem? Please describe.
오늘 회고를 썼는지 안썼는지 체크하는 ui가 있어야 함. (나를 위해서라도..)

Write down the sub-tasks in a checklist format

• option.html 에 체크박스를 만들기.
• 따로 저장 버튼은 두지 않고 그냥 체크에 따라 값이 chrome.local.storage에 저장되게 하기.
• checked일 경우 go to option 버튼 위에 option section을 두고, section이 display flex되게끔 이벤트리스너 추가하기
• 오늘 내가 썼는지 안썼는지 체크할 수 있는 로직이 2개가 있는데, (1) 로컬에 오늘의 date와 boolean 값을 저장하고 submit 버튼을 눌러 성공하면 true, 아니면 false 저장. 창이 켜질 때마다 new Date 값을 따서 현재 date와 저장된 date값이 다르면 날짜가 바뀐 거니까 date 값 갱신해서 저장하고 boolean값은 false로 초기화한다. (2) 내 레포에 20240524.md 파일이 있는지 체크한다. 이건 간단하지만 문제는 파일명을 바꾸면 인식을 못함. 그래서 걍 (1) 방법 써야 겠음... 챗지피티한테 물어보니까 얘도 이 방법 말하기도 하고 ㅇㅇ... 하여간 submit 버튼 누르고 성공하는 시점에 날짜를 저장하는 로직 구현 아!! boolean은 딱히 필요가 없네.
• 팝업 열릴 때마다 저장된 날짜와 오늘 날짜 비교하는 로직 짜기. 만약 다르면 오늘 작성 안한거고 같다면 오늘 쓴 거임. 그에 따라 option-section innerText 달리 보이게 하기.

Additional context
추가 내용을 적어주세요.

• save 버튼 테스트케이스 작성하기
• save 버튼 js코드 분리
• test 실행 및 리팩토링

Describe the solution or new feature you'd like
전체적인 디자인 수정하기

Is your feature request related to a problem? Please describe.
테마, 시계, 커밋메세지 등의 기능을 추가하면서 디자인이 너무 번잡해짐. 이에 따라 디자인을 전체적으로 수정해야 할 필요성 대두.

Write down the sub-tasks in a checklist format

• popup.html의 로그인 페이지 디자인 수정
• popup.html의 레포 리스트 선택 페이지 디자인 수정
• popup.html의 post 페이지 디자인 수정
• option.html 페이지 삭제하고 popup.html 페이지의 more option 버튼을 누르면 toggle 되게끔 설정하기. (즉, 옵션을 모두 popup.html 로 옮길 것. 서로 다른 html 파일에서 chrome.storage.local 값을 다루기 때문에 코드 중복 및 번잡해지는 문제 때문.)
• popup.html 로 옮겨진 option 설정들에 대한 디자인 수정

Additional context
x

Describe the solution or new feature you'd like
로그인 이후 등장하는 choose repo section 디자인 수정하기.

Is your feature request related to a problem? Please describe.
현재는 아무 css도 적용되지 않아 그냥 li로만 나열돼있어서 자간도 좁고 보기도 안좋음.

Write down the sub-tasks in a checklist format

• li로 나열되는 레포 이름 크기 키우고 /
• hover 시 blue 색깔 되게 하고 /
• 자간 간격 넓히기

Additional context

날짜 유틸 파일엔 아래 함수들이 필요함.

1. 폴더 이름이나 파일 이름 커스텀용 / 폴더 이름용 기본 함수: [year, month, day] 객체 리턴
2. initial 파일 이름 리턴 함수: 20240521 꼴로 파일 이름을 문자열로 리턴

• 각 함수 1 2 의 testcase를 짰는가?
• 1번 함수를 만들었는가?
• 1번 테스트?
• 2번 함수 만들음?
• 2번 테스트?

• fetchRepo 함수에 대한 테스트케이스 작성. fetch 받은 데이터를 가지고 li 를 만들어 document.getElementBiId-extension-ul 태그 안에 삽입하는 함수.
• fetchRepo 함수 분리

params: token, nickname

Describe the solution or new feature you'd like
커밋 메세지 커스텀 기능 추가하기

Is your feature request related to a problem? Please describe.
기본적으로 Create new Markdown file 로 설정된 커밋 메세지를 유저가 커스텀할 수 있게 설정하여, 본인의 컨벤션에 맞게 활용할 수 있도록 하기.

Write down the sub-tasks in a checklist format

• option.html에서 커밋 input 만들기
• option.html에서 커밋 save, reset 버튼 만들기
• popup.js 파일에서 커밋 메세지 설정값에 따라 커밋되게끔 로직 구현

Additional context
x

Describe the solution or new feature you'd like
popup.html 의 textarea 임시저장 기능 구현하기

Is your feature request related to a problem? Please describe.

• 실수로 창이 꺼지면 그대로 내용이 날라가기 때문에, 창이 꺼지거나 goto option 페이지를 눌렀다가 다시 돌아올 때엔 textarea 의 텍스트가 그대로 남아있게 해야 함.
• 어차피 익스텐션 특성 상 계속 창이 켜져있진 않을테니 일정 시간 지나면 자동 임시저장되는 기능은 필요없을 것으로 보임.

Write down the sub-tasks in a checklist format

• extension 창이 꺼지면 그 당시의 textarea 값이 chrome storage에 임시저장되게 구현하기
• goto option 페이지로 이동해도 당시 textarea값이 storage에 임시저장되게 하기

Additional context

Describe the bug

option.html의 Time option 체크박스를 누르면 오늘 submit 버튼을 눌렀는지 안눌렀는지에 따라 회고를 썼는지, 안썼는지를 보여줘야 하는데 회고를 안 썼다고만 보이고 회고를 썼다는 게 반영되지 않음.

To Reproduce

Screenshots

Additional context

단위 테스트 도입을 위해 jest를 활용하기로 결정. jest는 node.js 환경에서 실행되지만, 웹팩과 바벨을 통해 브라우저 단에서도 활용이 가능하며 이를 통해 익스텐션 프로그램에서도 적용 가능하다고 한다.

Todo

• jest, barbel, webpack 설치
• webpack.config 설정
• jest를 위한 test 폴더 생성

Describe the solution or new feature you'd like
header 부분과 관련된 js 기능 분리 및 test 케이스 추가

Is your feature request related to a problem? Please describe.

Write down the sub-tasks in a checklist format

• popup.html 에서 header 부분 id와 class 명 조정
• option.html 에서 header 부분 id와 class 명 popup.html에 따라 수정
• popup.header 테스트케이스 작성: popup 페이지에서 header은 항상 display: flex여야 함.
• popup.js에서 header 에 대한 코드 분리
• popup.header 테스트 실행

Additional context
현재 popup파일만 리팩하는 과정이라 option에 대한 코드는 제껴둠.

• 목차를 적절히 만들었는지
• 로고
• 프로그램 설명
• 크롬 마켓
• 설치법
• 기본 사용법 (로그인, 레포 선택, that's it!! 이제 input에 글을 쓰고 commit하세요. 날짜별로 자동으로 year/month 폴더가 생성됩니다. 만약 하루에 두 번 commit하려 하면 파일이름이 중복돼요. 그럼 prompt 창이 떠서 새 이름을 입력할 수도 있습니다.)
• 옵션 설정하는 법 (템플릿 설정법 / 커밋 이름 설정법 / 폴더 이름 커스텀 / 파일 이름 커스텀)
• 문의방법: 이슈(버그템플릿 / 건의사항)

• 크롬마켓에 올리기. 5달러 든다는데... 일단 올리면서 그 과정을 어디 기록해두자. 나중에 또 익스텐션 만들게.

Describe the solution or new feature you'd like
option.html 페이지의 option-section-clock 파트에서, 오늘 회고를 썼는지 안썼는지 볼 수 있는 기능 체크박스를 구현하기.

Is your feature request related to a problem? Please describe.

Write down the sub-tasks in a checklist format

• option.html 에 체크박스 구현하기: 오늘 회고 썼는지 안썼는지 볼건가? default 값은 checked.
• option.html 체크박스에 기능 연결: checked yes를 하면 popup.html 의 section title 'write your inspection! 과 option 버튼 사이에 줄글 text 디자인으로 집어넣을 것.
• option.html 체크박스에 기능 연결: checked no를 하면 popup.html의 did you write section display none 체크를 할 것.
• option.html 하단 fixed 로 option 저장 버튼 만들기.

Additional context
추가 내용을 적어주세요.

• 버그 말고도 feat나 docs 등 issue 추가할 때 쓸 이슈 템플릿을 만들었는지?

Describe the solution or new feature you'd like
welcome.html 페이지를 삭제하고 tutorial.html 로 바꾸기

Is your feature request related to a problem? Please describe.

1. welcome.html 는 현재 쓸모가 없음. 삭제해도 무방.
2. 깃허브 readme 만으로는 모든 튜토리얼을 담기에 너무 길어지는 문제. 따라서 리드미에는 기본 설명만 적고, 나머지 추가 설명은 따로 tutorial.html 에 담는 게 좋아보임.

Write down the sub-tasks in a checklist format

• tutorial.html 파일 생성
• tutorial.html 에 기본 설명 적기
• tutorial.html 에 추가 설명 적기
• tutorial.html 하단 footer에 contact 적기
• tutorial.html 파일 전체적인 디자인.
• Readme 파일에도 tutorial 링크 걸어두기

Additional context
x

• 적절한 pr 템플릿을 생성했는지?

Describe the solution or new feature you'd like
option.html 파일에 textarea를 추가해서 템플릿 생성 기능을 구현할 것.

Is your feature request related to a problem? Please describe.
템플릿이 있어야 훨씬 편할 것으로 예상됨....

Write down the sub-tasks in a checklist format

• textarea 생성
• save 버튼 생성
• reset버튼 생성

Additional context
추가 내용을 적어주세요.

Describe the solution or new feature you'd like
popup.js 파일 코드 분리

Is your feature request related to a problem? Please describe.

• 현재 popup.js 파일은 전혀 분리되지 않아 코드 길이가 350줄 이상. 여기다 option.js 파일까지 추가하려니 너무 복잡해짐. 심지어 콜백 지옥도 겁나 펼쳐졌다. 따라서 기능별로 파일 코드를 분리할 필요가 있다!
• 단, 디자인은 나중에 한꺼번에 수정하고 일단은 기능 리팩토링만 진행하자.

Write down the sub-tasks in a checklist format

• #20
• #23
• #25
• #26
• choose repository 에서 repo list 기능 분리 및 test 추가
• owner Nickname 기능 분리 및 test 추가
• selected repo 분리 및 test 추가
• github logout 분리 및 test 추가
• #28
• submit 버튼 분리 및 기능 추가
• goto option 버튼 분리및 기능 추가
• Footer 코드 분리 및 test.. 는 추가 안해도 될듯.
• #29
• #32
• #34
• #36

Additional context

• 로그인 버튼 test case 1 '클릭하면 깃헙 소셜 인증창으로 넘어가는가' 케이스 만들기
• popup.html 로그인 버튼 class, id 네이밍컨벤션에 맞게 수정
• scripts/authorization 폴더에다가 test case 1을 통과할 만큼의 기능 분리하고 테스트하기

그 이후 로그인 후 / display none이 되면서 logout버튼의 display flex됨, / 유저 정보 받기 / repo list 받기는 다른 기능이니 login 버튼에 뭘 더 추가하지 말것. 로그인 버튼의 기능은 딱 로그인을 한다 까지임.

• 버그 리포트 템플릿 어디서 따와서 가져오기.

Describe the solution or new feature you'd like
selected repo 를 클릭하면 해당 레포로 갈 수 있게 a 태그를 연결해둠.

Is your feature request related to a problem? Please describe.
제대로 push가 됐는지 등 확인하기 위해 추가하는 게 더 편의성 면에서 좋아보임.

Write down the sub-tasks in a checklist format

• selected repo span에 a 태그를 연결했는지?

Additional context

Describe the solution or new feature you'd like
option.html 에서 알람 설정 기능을 추가하기.

Is your feature request related to a problem? Please describe.
좀 더 확실하게 회고 쓰는 습관을 들이도록 도와주고자, 유저가 option 페이지에서 알람 추가 기능 / 몇 시에 알람 울릴지 설정할 수 있는 기능을 추가하기.

Write down the sub-tasks in a checklist format

• option.html 페이지에서 알람 설정 체크박스 만들기
• option.html 페이지에서 알람 몇 시에 울릴지 시간 설정 만들기
• option.html 페이지에서 알람 저장 리셋 버튼 만들기
• popup.html 페이지에서 알림 설정한 사람은 알림 볼 수 있게끔 section 추가하기
• popup.js 페이지에서 알림 울리는 기능 만들기
• 알림 기능 추가에 따른 manifest.json permission 및 docs 수정하기

Additional context
x

Describe the solution or new feature you'd like
템플릿, 폴더 이름, 파일 이름, 커밋 이름 등 옵션을 설정할 수 있는 html 페이지 추가하기

Is your feature request related to a problem? Please describe.
popup.html 내에서 모든 기능을 넣으면 너무 커져서, option.html을 따로 둘 필요성.

Write down the sub-tasks in a checklist format

• option.html 페이지 생성하기
• popup.html 페이지에서 option.html 페이지로 이동할 수 있게 ui버튼 추가
• option.html 에는 총 3가지 섹션 들어가야 함. 아래 3개 섹션 초안만 잡기.
• 1. 오늘 날짜는 뭔지 + 오늘 회고를 썼는지 세개 체크박스 input 둔 섹션. 기본적으론 3번째 오늘 회고썼는지 여부만 yes default고 나머지는 no default임.) 알림 설정기능, 알림 설정할건지 체크하는 토글박스랑 알림 시간 설정하는 칸이 있어야 함.
• 2. 폴더이름 바꾸는 기능 / Caution 문구 넣기. 아무렇게나 바꾸면 폴더 이름 중복이라든가 등등 문제 터질수 있다고.. / 파일 이름 바꾸는 기능 / Caution 문구 넣기. / 커밋 메세지 바꾸는 기능 / 현재 커밋 메세지: ~~ 랑 input이랑 save 칸 하나 넣기.
• 3. 템플릿 설정하는 기능.. 이건 너무 커서 지금 생각이 안나니까 일단 section 빈거 하나만 만들기.

Additional context