hongjw030 / linkbrary

열심히 공부하고 즐기는 웹 앱 프론트엔드 개발자 홍재원입니다!

요즘 근황...

요즘엔 챗지피티랑 노는 데에 푹 빠졌습니다.
괜찮은 카페를 찾아서 카공하고 있습니다.
클린 코드라는 책을 읽고 있어요.
테스트 주도 개발을 해보려고 노력하고 있습니다.

제가 할 줄 아는 건...

언어:

프론트엔드 개발 환경:

하이브리드 앱 개발 환경:

기타:

디자인:

디비:

협업:

요즘 공부 중인 툴 & 스택은...

linkbrary's Issues

[feat] signin, signup 페이지와 인증 관련 api 로직 구현

api/check-email로 이메일 중복 체크
api/sign-up으로 회원가입
api/sign-in으로 로그인
api/refresh-token으로 토큰 재발급

• signin, signup 공통 레이아웃 구현하기
• react hook form으로 signin form 구현하기
• react hook form으로 signup form 구현하기
• axios instance 설정하기
• react query 설치하기
• react query로 signin api 연동
• reqct query로 signup api 연동
• react cookie 설치하기
• react cookie로 쿠키 관리하기
• interceptor로 쿠키 authorization header 두기
• 인증 middleware 두기

[Feat] 모달 생성

• 폴더 생성 모달

• 폴더 삭제 모달

• 폴더 이름 수정 모달

• 카드 추가 모달

• 카드 삭제 모달

• 폴더에 추가 모달..

[Feat] myFolderpage만들기

folder page에는
1, api/folders 로 내가 갖고 있는 전체 폴더들이 표시됨.
2. 레이아웃 자체는 /folder/id 페이지와 비슷하고, 회색 검색바가 있고, 폴더들 종류와 관리하기버튼(누르면 각 폴더에 휴지통 버튼이 생겨서 delete 가능) 폴더추가버튼이 있음.

• mypage 레이아웃 만들기
• 유저 전체 폴더 읽는 api 연동해서 전체 폴더들 보여주기
• 검색바 만들고 검색기능 추
• 폴더 추가하기 버튼 만들고 api 연동
• 각 폴더 누르면 /folder/[id] 페이지로 이동되게 하기
• 관리하기 버튼 만들고 delete api 연동

[Feat] /folder/id 폴더 상세페이지 만들기

myFolderpage 에서 각 폴더 버튼을 누르면 해당 페이지로 이동.

• 폴더 이름 수정하는 기능 추가
• 폴더 삭제하는 기능 추가
• 폴더 추가하는 기능 추가
• 카드 컴포넌트 만들기
• 검색바 만들기
• 페이지에서 폴더 내 모든 카드들 보여주는 기능
• 카드 추가 기능
• 카드 삭제 기능

.