Skip to content

Conversation

@un0211
Copy link
Contributor

@un0211 un0211 commented Jul 9, 2024

작업 내용

Taskify v1.0.0을 main 브랜치에 반영합니다.

  • 기초 설정 (자동 배포 설정, lint 설정 변경)
  • 유저 정보 관리
  • 전역 모달 관리
  • 모든 페이지와 기능 구현
    • 랜딩 페이지
    • 회원가입 페이지
    • 로그인 페이지
    • 내 대시보드 페이지
    • 계정관리 페이지
    • 대시보드 페이지
    • 대시보드 관리 페이지
    • 404 페이지
  • 내 대시보드 페이지 SSR 적용
  • 페이지 전역 권한에 따른 버튼 비활성화, 리다이렉션 적용
  • 추가기능 구현
    • 다크모드
    • 초대 알림
    • 할 일 카드 DnD
    • 대시보드 공유
    • 대시보드 즐겨찾기
    • 비밀번호 암호화
  • 리드미 작성

oceanlee-seoul and others added 30 commits June 21, 2024 16:57
⚙️  chore: tailwind 컬러 팔레트 및 반응형 브레이크 포인트 세팅
* ⚙️  chore: pnpm-lock.yaml 업데이트

* ⚙️  chore: 배포용 repo에 main과 develop 변화 반영하도록 workflow 생성
- store 설정
- userSlice 추가
- app 컴포넌트에서의 Provider 지정
* ⚙️ Chore: eslintrc.json 타입스크립트에 맞춰서 수정

* ⚙️ Chore: eslintrc.json rules 변경
- react/jsx-filename-extension에 .js, .jsx 추가
* ⚙️  chore: install React Query

* ⚙️  chore: install Redux Toolkit(+ Persist)
* ✨ feat: 공용 버튼 컴포넌트 구현

* ✨ feat: className 기본값 추가

* 🗑  remove: 테스트 코드 제거
✨ feat: useFetchData 커스텀 훅 정의
✨ feat: generateTagIndex 함수 구현
⚙️  chore(#51): scope 적는 것 강제하도록 변경 (이슈넘버 적기)
* ⚙️  chore(#58): install axios

* ♻️  refactor(#54): useFetchData 리팩토링 -> useQuery 훅 사용

* ✨ feat(#58): axios 인스터스 생성 & GET 호출 로직 분리

* ✨ feat(#52): 대시보드 인터페이스 정의

* ✨ feat(#52): 대시보드 목록을 전역 상태로 등록 (Reducer)

* ✨ feat(#52): 대시보드 목록 데이터 패칭 커스텀훅

* 🛠  fix(#54): 캐시 키를 파라미터로 지정할 수 있도록 수정

* 🛠  fix(#58): getDashboardsList() 파라미터 타입 수정
* ✨ Feat(#2): Sidebar Layout 구성

* ✨ Feat(#2): Sidebar 임시 api 연동 및 구현

* ✨ Feat(#2): Sidebar 임시 구현 완료
- API 재연동 필요
- 모달 연동 필요

* ✨ Feat(#2): Sidebar 제작 완료
- 모달 연동 필요

* ♻️  refactor(#2): Sidebar 코드 개선

* 🎨 design(#2): sidebar css 수정

* 🎨 design(#2): padding, margin 피그마 디자인에 맞춰서 수정
* 🛠  fix(#69): 로그인 시 이메일, 프로필 이미지 정보도 저장하도록 변경

* ⚙️  chore(#69): import named 에러 해결

.eslintrc.json에import/typescript 플러그인 추가
* ✨ feat(#31): Layout 적용
- 랜딩, 로그인, 회원가입, 404 페이지 제외한 모든 페이지에 레이아웃 적용

* ✨ feat(#31): Layout 임시 설정

* ♻️  refactor(#2): Sidebar 코드 개선

* 🎨 design(#2): sidebar css 수정

* 🎨 design(#2): padding, margin 피그마 디자인에 맞춰서 수정

* ✨ feat(#31): Layout에 Sidebar 추가

* ✨ feat(#31): Layouts 폴더로 MainLayout 이동
- src/components/MainLayout/index.tsx -> src/layouts/MainLayout.tsx로 변경
- src/layouts/MainLayout.tsx에서 tailwindcss 적용 안되는 문제 해결
* ⚙️  chore: react-hook-form 추가

* ⚙️  chore: yup 추가

* ⚙️  chore: hookform resolvers 추가

* ✨ feat(#7): 회원가입 페이지 퍼블리싱

* ⚙️  chore(#7): 파일 구조 변경

* 🎨 design(#7): css 조정

* ✨ feat(#7): 비밀번호 확인 validation 변경

* ⚙️  chore(#72): eslint tui 제거

* ↔️  style(#6): 화살표 함수, 선언문으로 변경

* 🚚 rename(#6, #7): input 컴포넌트 파일명 변경
* ⚙️  chore(#74): tailwind.config.ts 컬러 수정

* ↔️  style(#74): 기존 color 데이터 현재 포맷에 맞게 변경
* ⚙️  chore(#29): containers/ 이하의 컴포넌트에도 tailwindCSS 적용

* ✨ feat(#12): define Column Interface

* ✨ feat(#12): add ColumnsSection.tsx

* ✨ feat(#13): add Column.tsx

* ↔️  style(#12, #13): 시맨틱 태그로 수정 & 주석 추가

* 🛠  fix(#12): modify ColumnsSectionProps Type

* ✨ feat(#12): dashboard/[id] 페이지 내 ColumnsSection 컴포넌트 렌더링

* ↔️  style(#74): tailwind 컬러명 수정 반영

* 🛠  fix(#31): 레이아웃 내 main 태그의 패딩값 제거
* 🎨 design(#9): 폰트 Pretendard 400 기본으로 설정

* ✨ feat(#9): 랜딩 페이지 내비게이션 구현(로고 이미지 제외 반응형)

* ✨ feat(#9): 사용자 프로필 컴포넌트 구현

* ✨ feat(#9): 기본 헤더 컴포넌트 구현

* 🚚 rename(#9): 이미지 이름 - 사용하도록 변경

* ✨ feat(#9): 대시보드 헤더 컴포넌트 구현 (구성원 목록 제외)

* ✨ feat(#9): 헤더 컴포넌트 구현

* ✨ feat(#9): 대시보드 헤더 컴포넌트 구성원 구현(미완)

* ✨ feat(#9): 레이아웃에 헤더 적용

* ↔️  style(#74): 바뀐 tailwind 설정에 맞게 색상 지정

* 🗑  remove(#9): 중복 아이콘 삭제

* 🎨 design(#9): 유저 아이콘 폰트 적용

* 🛠  fix(#9): 관리 버튼 관리 페이지로 이동하도록 변경

* ⚙️  chore(#38): tailwind 관련 프리티어 설정 변경

* 🎨 design(#9): inline style로 구성원 프로필 겹쳐서 배열

* ✨ feat(#9): 헤더의 유저 메뉴 드롭다운 기능만 구현

* 🛠  fix(#9): 대시보드 페이지 전환시 에러 해결

* ↔️  style(#9): 컨벤션에 맞게 함수 표현식으로 변경

* 🛠  fix(#9): localStoarge 관련 코드 제거

* 🎨 design(#9): 아이콘에서 글자 가운데정렬

* ⚙️  chore(#38): tailwind 관련 eslint 설정 변경
* ✨ Feat(#16): mydashboard 페이지 DashboardList 컴포넌트 구현
- 리덕스에 등록된 대시보드 목록을 5개씩 보여주는 컴포넌트 구현
- 대시보드 목록을 클릭하면 해당 대시보드로 이동하는 기능 구현

* 🛠  fix(#16): mydashboard 페이지 대시보드 목록 페이지 수정
- 기존 전역 대시보드 목록을 받아오던 방식을 서버에 요청하여 받아오도록 수정
- 페이지네이션 기능 추가

* 🛠  fix(#16): mydashboard 페이지 개선
- API 호출 방식을 useFetchData hook을 사용하도록 변경
- 페이지네이션 버튼 수정

* 🎨 design(#16): 대시보드 이동 버튼 화살표 추가
- section 크기 조정

* 🎨 design(#16): 화살표 이미지 추가

* 🎨 design(#16): 반응형 디자인 설정

* 🎨 design(#16): 대시보드 목록 버튼 배경색 수정

* 🛠  fix(#16): 페이지네이션 버튼 분리
* ↔️  style(#58): getService.ts 내에 function 선언 함수들 -> 표현식으로 변경

* ✨ feat(#76): define SignUpForm Interface

* ✨ feat(#76): define async function - postSignUp()

* ✨ feat(#76): 회원가입 폼 POST API 연동

* ✨ feat(#76): 회원가입 성공 시 로그인 페이지로 리다이렉트되도록 로직 추가

* 🛠  fix(#6): 로그인폼 내의 이용약관 동의 체크박스 제거

* ✨ feat(#76): 로그인 성공 시 MY대시보드페이지로 리다이렉트되도록 로직 추가

* ✨ feat(#76): 로그인폼 리퀘스트/리스폰스 인터페이스 정의

* ✨ feat(#76): redefined User Interface

* ♻️  refactor(#76): postSignIn과 연동한 useSignin 리팩토링

* 🛠  fix(#76): postSignIn 함수 내 accessToken을 로컬스토리지에 저장하는 코드 삭제
* 🛠  fix(#2): API 로딩 시 UI 수정

* 🎨 design(#2): 반응형 디자인 설정

* 🎨 design(#2): 모바일용 로고 이미지 파일 업로드

* 🎨 design(#2): 이미지를 불러오는 방식 수정
* 🎨 design(#86): 색상별 버튼 클래스 생성

* ♻️  refactor(#86): 버튼 클래스 리팩토링 (자주 사용하는 버튼 컴포넌트화)

* 🛠  fix(#86): 버튼 컴포넌트 반응형 수정

* ♻️  refactor(#86): 기존 버튼에 버튼 스타일 적용

* 🎨 design(#86): 버튼 디자인 적용

* 🎨 design(#86): 로그인/회원가입 버튼 디자인 적용
* 🛠  fix(#16): 대시보드 리스트 버튼 비활성화 추가

* 🎨 design(#16): 페이지 이동 버튼 배경색 수정

* 🎨 design(#16): 이미지를 받아오는 방식 수정

* 🛠  fix(#16): 페이지 리스트 totalPage 수정
wjsdncl and others added 20 commits July 5, 2024 12:11
* 🎨 design(#153): 다크 모드 추가

* 🎨 design(#153): 내 대시보드 페이지 다크 모드 추가

* 🎨 design(#153): 모든 페이지, 모달 다크 모드 추가

* 🎨 design(#153): 할 일 모달 댓글 다크모드 적용

* 🎨 design(#153): 테마 버튼 수정

* 🎨 design(#153): 버튼 디자인 수정

* 🎨 design(#153): 취소 버튼 색상 변경

* 🎨 design(#153): 로그인, 회원가입 페이지 다크모드 적용
* ✨ feat(#11): 할 일 생성 모달 컬럼 드랍다운 추가

* ✨ feat(#11): 할 일 카드 생성 및 수정 props 변경

* ✨ feat(#11): 할 일 카드 모달 수정 완성

* ✨ feat(#11): submit 버튼 로딩 시 disabled

* 🗑  remove(#11): 주석 제거

* ✨ feat(#18): 컬럼 변화 없을 시 수정 버튼 비활성화

* ✨ feat(#11, #18): 제목 길이 제한 추가 (한글 25자, 영어 50자)
* ✨ feat(#18): 수정 -> 취소 시 할 일 카드 다시 오픈 기능 구현

* ✨ feat(#11, #18): 생성 및 수정 시 카드 오픈

* ✨ feat(#11, #18): 로딩 스피너 구현

* 🛠  fix(#11, #18): 생성 시 생성 완료 모달로 변경 및 타입 변경
🎨 design(#153): 다크모드로 바뀐 버튼 디자인 복귀
* 🎨 design(#209): 나눔고딕, Pretendard 폰트 적용

* 🎨 design(#209): 프로필 아이콘에 나눔고딕 폰트 적용

* 🛠  fix(#219): font weight 400 기본 설정 다시 추가
* 🎨 design(#217): 다크모드 수정

* 🎨 design(#153): 다크모드로 바뀐 버튼 디자인 복귀

---------

Co-authored-by: un0211 <[email protected]>
* ♻️  refactor(#12): 프롭 id명을 dashboardId로 수정

* 🎨 design(#180): 수정 드롭다운을 위한 z-index 수정

* 🛠  fix(#180): 날짜가 -1로 찍히는 문제 수정 (fix formatDate.ts)

* 🛠  fix(#182, #194): 카드 데이터 쿼리 무효화 적용

* 🎨 design(#171): 대시보드 내 종합 디자인 수정

- #207 : 카드 컴포넌트 댓글 개수 보여주기
- 대시보드 반응형 디자인 수정
- 카드 이미지 placeholder 지정
- 프로필이미지 깨짐, 카드 제목 깨짐 수정
- 카드에  댓글이 없을 때 빈댓글 이미지 표시
- 카드 설명글 줄바꿈 반영
- 카드 모달 내 애니메이션들 추가

* ✨ feat(#3): 댓글 입력 없이 제출하면 에러메시지 뜨는 기능 추가

* 🛠  fix(#4): 카드모달 댓글 섹션 깜빡거림 문제 수정 (refetch 적용)

* ✨ feat(#166): 컬럼 섹션 스켈레톤 UI 적용

* 🛠  fix(#4): refetch & useEffect 훅을 컴포넌트 최상위 레벨에서 호출되도록 분리

* 🎨 design(#3): 댓글 에러메시지 패딩 수정

* 🛠  fix(#4): 댓글 에러를 버튼 disabled로 변경

* 🎨 design(#184): 카드 모달 내 프로필아이콘 폰트 크기 수정

- 할일 생성/수정 카드 내의 프로필아이콘
- 댓글 내의 프로필아이콘

* 🎨 design(#171): 할일카드 모달 내 프로필 아이콘 크기 수정
* ♻️  refactor(#167): 내 대시보드 페이지 서버 사이드 렌더링 적용

* ♻️  refactor(#167): 내 대시보드 서버 사이드 렌더링 수정

* 🛠  fix(#167): 서버사이드 중복 코드 제거

* 🛠  fix(#167): 초대 목록 함수 수정

* 🛠  fix(#167): 이미지 불러오는 성능 개선

* 🛠  fix(#167): 컨플릭트 해결
* ✨ feat(#188): 대시보드 즐겨찾기 API 추가

* ✨ feat(#188): 대시보드 즐겨찾기 3개 제한 기능 추가

* ✨ feat(#188): 대시보드 즐겨찾기 사이드바에 추가

* 🛠  fix(#188): 대시보드 즐겨찾기 갯수 제한 수정

* 🛠  fix(#188): 대시보드 갯수 제한 수정

* 🛠  fix(#188): request.http 제거

* 🛠  fix(#188): 대시보드 즐겨찾기 유저마다 받아오게 설정

* 🛠  fix(#188): 즐겨찾기 제거기능 수정

* 🛠  fix(#188): 즐겨찾기 최대 3개까지 추가 가능하게 수정

* 🛠  fix(#188): 즐겨찾기 추가 안되는 버그 수정

* 🛠  fix(#188): 즐겨찾기 에러 수정

* 🛠  fix(#188): 즐겨찾기 useFetchData 사용해서 불러오게 수정

* 🛠  fix(#188): 즐겨찾기 버그 수정
* 🛠  fix(#82): 훅 최상위에서만 쓰도록 변경

* 🛠  fix(#168): 공유계정으로 하는 요청 제한

* 🛠  fix(#168): 생성자가 아닌 경우 대시보드 관리 페이지 접근시 리다이렉트

* 🎨 design(#168): 대시보드 관리페이지 에러문구 개선

* 🛠  fix(#168): 대시보드 관리페이지 접근 완전 제어, 리다이렉트 훅 형식 변경

* 🛠  fix(#168): 대시보드 접근 제어

* 🎨 design(#168, #41): 공유 대시보드 비로그인 상태일때 레이아웃 꽉 차게

* 🛠  fix(#168): 공유계정에서 모든 수정 기능 비활성화

* 🛠  fix(#4, #21): 변경사항 없을 시 버튼 비활성화 (댓글수정, 컬럼 수정

* 🛠  fix(#168): 리다이렉트 수정 (랜딩, 404)

- 랜딩: 로그인 상태일때 모달 없이 바로 나의 대시보드로
- 404: 3초 뒤 로그인 여부에 따라 랜딩 or 나의 대시보드로

* 🛠  fix(#168): 멤버가 아닌 로그인 한 사람도 수정 버튼 비활성화
* 🛠  fix(#212): postCardDat -> PostCardData

* 🛠  fix(#211): 할 일 카드 모달 여는 곳마다 isMember 인자 추가

* 🛠  fix(#212): postCardDat -> PostCardData
* 🎨 design(#188): 사이드바 즐겨찾기 모바일 사이즈에서 아이콘으로 변경

* 🎨 design(#188): 사이드바 즐겨찾기 글자 수정

* 🎨 design(#188): 사이드바 디자인 수정
* 🎨 design(#153): 다크모드 버튼 위치 수정

- 랜딩 페이지는 항상 light 모드로 고정

* 🎨 design(#181): 토글 원이 정 가운데 오도록 높이고정

---------

Co-authored-by: un0211 <[email protected]>
* ♻️  refactor(#188): 즐겨찾기 기능 최적화
- 즐겨찾기용 유저 정보를 Redux에 저장하도록 변경
- 즐겨찾기 정보를 가져오는 요청을 최소화

* 🛠  fix(#226): 초기값 한번만 불러오게 변경

* 🛠  fix(#226): 로그아웃 시 즐겨찾기 정보 정리

---------

Co-authored-by: un0211 <[email protected]>
* ♻️  refactor(#3): 댓글 섹션 refetch - 언마운트시 쿼리를 취소하도록 변경

* 🎨 design(#166): 컬럼섹션 스켈레톤 수정

* 🗑  remove(#41): 쓰지 않는 index.tsx 파일 삭제

* ♻️  refactor(#4): 댓글 생성 날짜(UTC)도 포맷될 수 있도록 formatDate.ts 리팩토링

* 🎨 design(#166): 다크모드 컬럼 스켈레톤 색상 수정

* ✨ feat(#13): 컬럼 내 카드 무한스크롤 적용

- 10개를 기본으로 로드하고, 이후로는 1개씩 로드
- 로드 중인 카드는 로딩 스피너로 대체
- getCardsList() 서비스 함수 로직 수정

* 🎨 design(#166): 로딩 스피너 라이트모드에서 색상반전

* 🛠  fix(#13): 카드 패치 개수 5개로 수정

* ✨ feat(#4): 할일카드 내 댓글목록 무한스크롤 적용

* ✨ feat(#4): 할일카드 내 댓글목록 무한스크롤 적용

* ♻️  refactor(#58): getComments 서비스 함수 수정

* 🎨 design(#207): 댓글이 10개 이상이면 10+로 보이도록 지정

* 🎨 design(#166): 대시보드 페이지, 컬럼 섹션에 로딩 스피너 적용

* ♻️  refactor(#194): 쓰지 않는 refetch 함수 제거

* 🎨 design(#166): 카드 로딩스피너 투명도 수정

* 🎨 design(#4): 컬럼섹션 내 카드추가 버튼 높이 수정
* 📝 docs(#165): 파일 README.md 1차 수정 (이미지, 팀원후기 추가 필요)

* 📝 docs(#165): 드래그 앤 드롭 설명 추가

* 📝 docs(#165): 즐겨찾기 설명 추가

* 📝 docs(#165): 다크모드 설명 추가

* 📝 docs(#165): 즐겨찾기 설명 수정

* 📝 docs(#165): 유저플로우 추가

* 📝 docs(#165): 페이지 이미지와 일부 설명 추가

* 📝 docs(#165): 시연영상 추가

---------

Co-authored-by: Jiyun Kim <[email protected]>
Co-authored-by: jmj <[email protected]>
@un0211
Copy link
Contributor Author

un0211 commented Jul 9, 2024

v1.0.0에서 한 일 더 있는 것 같으면 말씀해주세요~~
다들 승인하면 머지할게요!

Copy link
Contributor

@wayandway wayandway left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

v1.0.0 감격스럽네요
고생하셨습니다👍

@wjsdncl
Copy link
Contributor

wjsdncl commented Jul 9, 2024

와 진짜 많네요

Copy link
Contributor

@oceanlee-seoul oceanlee-seoul left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

가슴이 웅장해지네요... 멋지다..!

@un0211 un0211 merged commit 32f2025 into main Jul 9, 2024
@un0211 un0211 self-assigned this Jul 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants