[ Feat ] 라우트 이동을 관리하는 NavBar 컴포넌트 퍼블리싱 #90
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
j-nary
reviewed
Oct 9, 2024
src/shared/component/NavBar/Item.tsx
Outdated
| role="button" | ||
| className={itemStyle({ isSelected })} | ||
| tabIndex={0} | ||
| onClick={() => router.push(href)} |
There was a problem hiding this comment.
Link 태그는 선언적으로 링크를 제공하고 클라이언트 사이드 네비게이션을 최적화하는 컴포넌트로, SEO에도 유리합니다.
router.push는 프로그래밍적으로 페이지 이동이 필요할 때 사용되며, 보다 복잡한 네비게이션 로직을 처리할 수 있습니다.
단순히 선언적으로 사용자의 인터랙션에 의해 링크를 이동하는 부분이니까 onClick을 써주는 것 대신에 Link 태그로 감싸주는 것에 대해서 어떻게 생각하시나요?
src/shared/component/NavBar/Item.tsx
Outdated
|
|
||
| return ( | ||
| <li | ||
| // biome-ignore lint/a11y/noNoninteractiveElementToInteractiveRole: |
There was a problem hiding this comment.
해당 biome 속성 필요없다고 판단되시면, biome 속성 꺼주시고 주석 지워주셔도 괜찮을 것 같아요!
There was a problem hiding this comment.
필요없는 속성은 아니라고 판단되서 일시적으로 껐습니다 !
src/app/group/layout.tsx
Outdated
| return ( | ||
| <main> | ||
| <NavBar> | ||
| <NavBar.Item icon={<IcnSquare />} mode="fill" href="/group"> |
There was a problem hiding this comment.
useMemo를 사용하여 NavBar 아이템들을 메모이제이션하면, 불필요한 리렌더링을 방지할 수 있을 것 같은데 어떻게 생각하시나요?
There was a problem hiding this comment.
useMemo가 아니라 컴포넌트 단에서 memo 처리를 하라는 말씀이시죠 ?? 음 넵 좋은 것 같습니다 ! icon이 변경되지 않는다면 렌더링 막아도 좋을 것 같네요
There was a problem hiding this comment.
생각해보니 prop으로 전달되는 값이 변경되는 것이 아니라, 라우트가 갈아끼워지는 것이기 때문에 렌더링이 필수적이네요 ! memo 처리하지 않도록 하겠슴다
| children: React.ReactNode; | ||
| }>) { | ||
| return ( | ||
| <main> |
There was a problem hiding this comment.
aria-label="그룹페이지"를 추가하는 것이 좋아보입니다!
There was a problem hiding this comment.
아 이거 layout에 메타 데이터로 추가하겠습니다 !
j-nary
approved these changes
Oct 12, 2024
ptyoiy
reviewed
Oct 12, 2024
src/shared/component/NavBar/Item.tsx
Outdated
| const NavBarItem = ({ href, icon, mode, children }: NavBarItemProps) => { | ||
| const pathname = usePathname(); | ||
|
|
||
| const isSelected = pathname === href; |
There was a problem hiding this comment.
만약 search params가 사용될 경우 제대로 작동하지 않을 수 있습니다. pathname에 쿼리 스트링도 들어가기 때문인데, includes()메서드로 isSelected를 변경하면 될 것 같네요. 쿼리 스트링을 쓸 지는 잘 모르겠으니 TODO로 주석 남겨두시면 될 것 같습니다.
ptyoiy
reviewed
Oct 12, 2024
src/shared/component/NavBar/Item.tsx
Outdated
| {icon && | ||
| cloneElement(icon, { | ||
| className: iconStyle({ | ||
| variant: isSelected |
There was a problem hiding this comment.
variant도 위에서 const 변수로 만들면 더 깔끔한 코드가 될 것 같습니다
ptyoiy
reviewed
Oct 12, 2024
src/shared/component/NavBar/Item.tsx
Outdated
| <li | ||
| // biome-ignore lint/a11y/noNoninteractiveElementToInteractiveRole: | ||
| role="button" | ||
| tabIndex={-1} |
There was a problem hiding this comment.
자식 요소인 <Link>(a)가 인터랙티브한 역할을 하기 때문에 <li>에는 role과 tabIndex를 넣지 않아도 됩니다. tab키를 통한 선택도 가능함을 확인했습니다.
|
LGTM! 제가 리뷰 남긴 것만 해결되면 머지하셔도 될 것 같습니다! |
ptyoiy
approved these changes
Oct 12, 2024
j-nary
added a commit
that referenced
this pull request
Oct 15, 2024
* init: 템플릿 추가 * init: 폴더 구조 세팅 * fix: 이슈 템플릿 확정 * fix: 이슈 템플릿 확정 * fix: 이슈 템플릿 확정 * init: README 설정 * [ Init ] Biome 설정 (#3) * fix: pnpm-lock 파일 pr size labeler 에서 제거 + prSize 커스텀 * init: biome 설치 * init: biome 설정 파일 추가 * fix: ignore 파일 추가 * feat: useArrowFunction 속성 추가 * fix: React 전역 인식 옵션 추가 * fix: import sorting안됨 이슈 해결 * [ Fix ] biome 적용 안 됨 이슈 해결 (#12) * fix: files 수정 * feat: console warning으로 변경 * [ Init ] Jotai + Vanilla Extract 초기 세팅 (#6) * feat: jotai Provider 생성 * docs: jotai 설치 + 임시 atom 추가 * docs: vanilla-extract setting * feat: Jotai SSR을 위한 Providers 세팅 * chore: Provider에 대한 주석 추가 * [ Init ] assets setting (#9) * init: svgr 초기 세팅 및 사용 예시 추가 * init: icon 및 컴포넌트 변환 cli 추가 * chore: lock 파일 제거 * feat: icon export 생성기 추가 & pacakge.json script 추가 * chore: icon 파일 통합 및 폴더명 컨벤션 적용 * fix: 코리반영 --------- Co-authored-by: Lee jin <[email protected]> * [ Docs ] Lint, Build, Assign Reviewer Workflow 생성 (#13) * docs: assign reviewer, build workflow 생성 * docs: lint step 추가 * chore: yml file name change * docs: cache pnpm 삭제 * chore: 모든 Page 임시 템플릿 생성 * docs: artifact path 수정 * docs: artifact path: next * docs: artifact path: .next * docs: target branch 제거 * chore: biome lint workflow test * docs: run biome ci for ci environment * chore: console.log 삭제 * docs: biome ci formatter disabled test * docs: lint error return test * chore: biome test 코드 삭제 * chore: noBarrelFile, noReExportAll off * docs: type check by tsc + seperate cd pipeline * docs: concurrently check 생성하여 workflow 반영 * docs: name 수정 * fix: biome lint error resolve * docs: pnpm lock file update * chore: check script ci로 수정하고 biome ignore 추가 * [ FIX ] Add vanilaExtract setting to next.config.mjs and .nvmrc (#17) * fix: Add vanilaExtract setting to next.config.mjs * init: Add nvmrc * [ Feat ] 디자인 시스템 구축 (#22) * feat: 디자인 시스템 구축 * fix: next.config 수정 및 tailwindcss 제거 * feat: button에 style 적용 * feat: themeClass 추가 * fix: createThemeContract 제거 * feat: reset, normalize 스타일 설정 * docs: globals.css 파일 제거 -> globalStyle 로 대체 * fix: createGlobalTheme으로 변경 (스코프 불필요) * feat: zIndex 추가, spacing 보류 * [ Feat ] lottie 세팅 (#18) * init: gif, lottie json 등 나머지 assets 추가 * feat: lottie animation 재생 컴포넌트 추가 * chore: public 디렉토리 수정 * init: 누락된 assets 추가 --------- Co-authored-by: Lee jin <[email protected]> * [ Feat ] Toggle Button 퍼블리싱 (#21) * chore: Provider -> common/Provider * docs: vanilla extract recipe for variant component * feat: ToggleButton component publishing * chore: 불필요 use client 삭제 * [ Feat ] 공통 컴포넌트 Button 구현 (#26) * feat: 버튼 공통 컴포넌트 구현 * feat: 왼쪽 플러스 아이콘 추가 * docs: 테스트 코드 삭제 * fix: 불필요한 import 삭제 * fix: import type * refactor: 코드리뷰 반영 * fix: isActive 쓰임 변경 * refactor: width:100% 코드리뷰 반영 * fix: disabled 인터페이스 속성 제거 * fix: button type 제거 * docs: 불필요한 파일 제거 * fix: 불필요한 인터페이스 삭제 * fix: 불필요한 인터페이스 삭제2 * [ Init ] CD 파이프라인 구축 (#24) * init: Add CD Pipeline * fix: Trigger cd pipeline when push to main * Change branch triggering CD to 'deploy' * [ Feat ] 공통 컴포넌트 Avatar 구현 (#28) * feat: Avatar 컴포넌트 구현 * feat: userIcon 추가 * feat: role 속성 추가 * refactor: 코드리뷰 반영 * refactor: 인터페이스 변경 * refactor: 키 밸류 자동 삽입 * refactor: imageProps 내려받기 * refactor: 버튼 태그 삭제 * refactor: 불필요한 인터페이스 삭제 * refactor: Image 태그 role 추가 * refactor: inset 추가 * fix: 혼날뻔 * refactor: inset 되돌리기 * [ Feat ] header 및 드롭다운 토글 기능 구현 (#31) * init: reset icon 컨벤션 적용, logo 아이콘 추가 * feat: header 구현, authAtom 적용 * feat: header dropdown 클릭 기능 구현 * chore: todo 추가, 들여쓰기를 탭 대신 공백으로 변경, build error 수정 * refactor: 코드 리뷰 반영 (분리, 커스텀훅) * refactor: dropdown 분리 * refactor: css 속성 개행, util 파일 명 수정, useOutsideClick 코리 반영 * refactor: style 분리 코리반영 * refactor: 충돌 해결, 로그인 버튼 교체 * refactor: 코리 반영(outsideHook, dropdown) * [ Refactor ] 폴더구조 변경 (#34) * test: README 임시 업데이트 * refactor: 폴더구조 변경 * fix: 파일명 변경 * fix: CI 빌드 에러 해결 * fix: CI 빌드 에러 해결 * refactor: 파일, 폴더명 컨벤션 확립 * refactor: 찐최종 * fix: github 대소문자 구분 설정 후 커밋 * fix: CI 빌드 에러 해결 시도 * fix: CI 빌드 에러 해결 시도 2 * fix: CI 빌드에러 해결 시도 3 * [ Fix ] 폴더명 대소문자 관련 CI 빌드에러 해결 (#37) * docs: avatar 삭제 * �docs: animation 삭제 * docs: button 삭제 * docs: dropdown 삭제 * �docs: toggleButton 삭제 * �docs: provider 삭제 * [ Init ] storybook 세팅 및 예시 추가(Page, Animation, Button, Dropdown) (#35) * init: storybook 세팅 및 예시 추가(Animation) * Squashed commit of the following: commit f460fa7 Author: Lee jin <[email protected]> Date: Mon Sep 16 00:41:02 2024 +0900 [ Fix ] 폴더명 대소문자 관련 CI 빌드에러 해결 (#37) commit 9ee37bf Author: Lee jin <[email protected]> Date: Mon Sep 16 00:29:12 2024 +0900 [ Refactor ] 폴더구조 변경 (#34) commit 5150c26 Author: ptyoiy <[email protected]> Date: Sun Sep 15 16:18:10 2024 +0900 [ Feat ] header 및 드롭다운 토글 기능 구현 (#31) * feat: storybook addon 추가, app router 적용, css 조정 * feat: jsdoc 반영하는 기능 추가, hook/util mdx 생성기 추가(storybook) * fix: lock update * chore: 코드 컨벤션 누락된 부분 수정, 주석 제거 * fix: core.ignorecase, 대소문자 변경 적용 * refactor: stories.tsx 포맷을 CSF3으로 변경 * chore: 코리 반영 (중복 속성 제거) --------- Co-authored-by: hwangjokim <[email protected]> * [ Feat ] alarm list component 구현 (#41) * feat: alarm list 컴포넌트 구현, 헤더 내부 컴포넌트 수정 * fix: page에 임시로 use client 사용 * refactor: useOutsideClick 훅 esc키로도 작동하게 수정 * chore: 주석 추가, css 순서별 개행 * refactor: 코리 반영 (jsx구조, 변수명 수정) * refactor: 코리 반영(shared 이동, 매개변수명 수정, 간격 조정, globalStyle 추가)) * fix: storybook 버그 수정 * chore: 스크롤바 style theme으로 이동 * [ Feat ] Modal 공통컴포넌트 구현 (#44) * feat: Modal 컴포넌트 구현 * feat: focus trap 추가 * feat: Modal Storybook 추가 * fix: CI 빌드 에러 해결 * fix: 사용하지 않는 import 제거 * fix: CI 빌드 에러 해결 * [ Feat ] Atom과 Timeout을 통한 Toast 렌더링, ToastProvider 설정 (#50) * feat: createPortal을 이용한 Portal 래퍼 컴포넌트 생성 * feat: Toast 컴포넌트 퍼블리싱 * chore: 초기 토스트 컨테이너, 토스트 컴포넌트 스타일 * feat: toast atom, useToast 훅 생성 * feat: 전역 toast list를 렌더링하는 동시에 onClose 핸들러 전달 * refactor: 단 하나의 토스트를 띄우도록 변경 * style: animation keyframe 생성 * feat: list가 아닌 하나의 toast를 update * feat: ref, timeout을 통한 useTimeout 커스텀 훅 생성 * feat: useTimeout을 통해 show hide 제어 + toast atom을 통한 조건부 토스트 렌더링 * chore: 불필요 prop 삭제 * docs: toast story 작성 * docs: storybook provider 추가 * chore: storybook title 수정 * chore: decorator로 파일 네이밍 수정 * feat: renderRef를 추가하여 null로 업데이트 시 렌더링 이슈 해결 * chore: image format declare * refactor: clear timeout logic 수정 * chore: Timeout type shared로 이동하여 삭제 * [ Feat ] Datepicker 구현 (#51) * react-datepicker test v1 * feat: Implement datepicker * refactor: Make props more general * chore: CSS 정리 * add : Add component to story --------- Co-authored-by: Lee jin <[email protected]> * [ Feat ] Context를 통한 TabGroup 컴파운드 컴포넌트 구현 (#46) * style: list 요소 style none 추가 * feat: 선택된 tab, 현재 tab variant에 대한 reducer와 context 생성 * feat: icon과 indicator를 추가한 Tab Item 컴포넌트 * feat: state, dispatch 커스텀 훅 선언 * feat: children의 idx를 통해 selected된 id 패널을 렌더링하도록 구현 * chore: darkMode parameter 추가 * feat: context를 통한 list, panel, tab, tabs, indicator 상태 공유 * refactor: setVariant actions 삭제 * refactor: 추가적인 wai-aria 명시 * feat: motion layoutId로 transition 시 공통된 애니메이션 적용 * refactor: tabStyle의 font를 textStyle로 분리 * refactor: null | undefined를 ! 로 처리 * chore: tab, panel에 맞는 id prop 추가 * [ Refactor ] 모든 파일 일괄 포매터 적용 및 CI 설정 * [ Fix ] Format-on-save가 정상 작동하게 수정 (#71) * fix: Fix broken format-on-save for biome * Fix Tabgroup format * [ Fix ] 리뷰어 자동할당 (#69) * fix: 리뷰어 자동할당 * fix: CI 빌드에러 해결 * [ Feat ] Add common-input component (#38) * feat: Add common-input component * fix: add 'use client' and update prop types * refactor: Apply comments * Add : Add component's to storyBook * chore: update textarea's figma url * style: bar 제거 및 ErrorInfo 컴포넌트 분리 * chore: Organize imports and add story * Apply comments * Remove unused code * Remove useless fragment * style: Change focus-within to focus * style: Seperate supportingText from components * style: Seperate supportingText from components * [ Feat ] EditAvatar 구현 + storybook (#66) * feat: EditAvatar UI구현 * feat: EditAvatar 구현 * feat: EditAvatar storybook 작성 * feat: onImageChange 추가 * fix: CI 빌드에러 해결 * feat: label 추가 및 pickedImage null일 경우 처리 * fix: fileReader 창 두 번 뜨는 이슈 해결 * docs: unused import 삭제 * fix: CI 빌드에러 해결 * feat: onKeydown 추가 * [ Feat ] onboarding page 구현 및 스토리북 테스트 (#48) * feat: onboarding 첫번째 section 구현 * feat: 두번째 section 구현 * feat: section scroll 기능 구현 * feat: 세번째 섹션 구현, css variants 통일, 스크롤 기능 css로 교체 * style: 이미지 최적화 * feat: footer 구현, 스크롤 css global에 적용 * refactor: 접근성 리펙토링 * fix: route segment storybook 세팅 변경 * chore: 클라이언트 컴포넌트 영역 적절한 곳으로 변경 * fix: pnpm run check error * refactor: scroll style을 페이지 단으로 이동 * fix: css 간격 조정, route를 "/"으로 변경 * chore: 누락된 간격 조정 적용 * feat: 이미지에 fade-in 효과 적용 * chore: gitkeep 제거 * chore: 변수 엑세스 위치 교체 * Squashed commit of the following: commit 1c994ce Author: HwangDo <[email protected]> Date: Wed Oct 2 23:38:25 2024 +0900 [ Refactor ] 모든 파일 일괄 포매터 적용 및 CI 설정 commit fff7961 Author: 최주용 <[email protected]> Date: Wed Oct 2 23:02:18 2024 +0900 [ Feat ] Context를 통한 TabGroup 컴파운드 컴포넌트 구현 (#46) * style: list 요소 style none 추가 * feat: 선택된 tab, 현재 tab variant에 대한 reducer와 context 생성 * feat: icon과 indicator를 추가한 Tab Item 컴포넌트 * feat: state, dispatch 커스텀 훅 선언 * feat: children의 idx를 통해 selected된 id 패널을 렌더링하도록 구현 * chore: darkMode parameter 추가 * feat: context를 통한 list, panel, tab, tabs, indicator 상태 공유 * refactor: setVariant actions 삭제 * refactor: 추가적인 wai-aria 명시 * feat: motion layoutId로 transition 시 공통된 애니메이션 적용 * refactor: tabStyle의 font를 textStyle로 분리 * refactor: null | undefined를 ! 로 처리 * chore: tab, panel에 맞는 id prop 추가 commit f71a72a Author: HwangDo <[email protected]> Date: Wed Sep 25 22:36:35 2024 +0900 [ Feat ] Datepicker 구현 (#51) * react-datepicker test v1 * feat: Implement datepicker * refactor: Make props more general * chore: CSS 정리 * add : Add component to story --------- Co-authored-by: Lee jin <[email protected]> commit 1b6639d Author: 최주용 <[email protected]> Date: Tue Sep 24 14:05:21 2024 +0900 [ Feat ] Atom과 Timeout을 통한 Toast 렌더링, ToastProvider 설정 (#50) * feat: createPortal을 이용한 Portal 래퍼 컴포넌트 생성 * feat: Toast 컴포넌트 퍼블리싱 * chore: 초기 토스트 컨테이너, 토스트 컴포넌트 스타일 * feat: toast atom, useToast 훅 생성 * feat: 전역 toast list를 렌더링하는 동시에 onClose 핸들러 전달 * refactor: 단 하나의 토스트를 띄우도록 변경 * style: animation keyframe 생성 * feat: list가 아닌 하나의 toast를 update * feat: ref, timeout을 통한 useTimeout 커스텀 훅 생성 * feat: useTimeout을 통해 show hide 제어 + toast atom을 통한 조건부 토스트 렌더링 * chore: 불필요 prop 삭제 * docs: toast story 작성 * docs: storybook provider 추가 * chore: storybook title 수정 * chore: decorator로 파일 네이밍 수정 * feat: renderRef를 추가하여 null로 업데이트 시 렌더링 이슈 해결 * chore: image format declare * refactor: clear timeout logic 수정 * chore: Timeout type shared로 이동하여 삭제 commit 38ef230 Author: Lee jin <[email protected]> Date: Tue Sep 24 05:26:45 2024 +0900 [ Feat ] Modal 공통컴포넌트 구현 (#44) * feat: Modal 컴포넌트 구현 * feat: focus trap 추가 * feat: Modal Storybook 추가 * fix: CI 빌드 에러 해결 * fix: 사용하지 않는 import 제거 * fix: CI 빌드 에러 해결 commit 6582c59 Author: ptyoiy <[email protected]> Date: Sun Sep 22 17:46:24 2024 +0900 [ Feat ] alarm list component 구현 (#41) * feat: alarm list 컴포넌트 구현, 헤더 내부 컴포넌트 수정 * fix: page에 임시로 use client 사용 * refactor: useOutsideClick 훅 esc키로도 작동하게 수정 * chore: 주석 추가, css 순서별 개행 * refactor: 코리 반영 (jsx구조, 변수명 수정) * refactor: 코리 반영(shared 이동, 매개변수명 수정, 간격 조정, globalStyle 추가)) * fix: storybook 버그 수정 * chore: 스크롤바 style theme으로 이동 * refactor: 옵저버 공통 hook으로 이동, 잘못된 버튼 구현 수정 * Squashed commit of the following: commit a26a410 Author: HwangDo <[email protected]> Date: Thu Oct 3 21:04:39 2024 +0900 [ Feat ] Add common-input component (#38) * feat: Add common-input component * fix: add 'use client' and update prop types * refactor: Apply comments * Add : Add component's to storyBook * chore: update textarea's figma url * style: bar 제거 및 ErrorInfo 컴포넌트 분리 * chore: Organize imports and add story * Apply comments * Remove unused code * Remove useless fragment * style: Change focus-within to focus * style: Seperate supportingText from components * style: Seperate supportingText from components commit 45a2edc Author: Lee jin <[email protected]> Date: Thu Oct 3 21:02:43 2024 +0900 [ Fix ] 리뷰어 자동할당 (#69) * fix: 리뷰어 자동할당 * fix: CI 빌드에러 해결 commit f48ca35 Author: HwangDo <[email protected]> Date: Thu Oct 3 21:02:06 2024 +0900 [ Fix ] Format-on-save가 정상 작동하게 수정 (#71) * fix: Fix broken format-on-save for biome * Fix Tabgroup format * fix: format * fix: format * [ Feat ] pagination component 구현 (#62) * feat: pagination 컴포넌트 구현 (7칸+버튼2칸) * refactor: 페이지 번호 생성 함수 개선 * chore: 안쓰는 코드 제거 * docs: story 작성 * docs: 스토리 업데이트 * style: 버튼에 cursor: pointer 추가 * refactor: page 생성 함수 분리 * refactor: 코리 반영(변수명, 파일 분리) * refactor: 코리 반영 (범위 함수 [close, open) 방식으로 변경) * fix: ci error * [ Refactor ] Menu 컴포넌트 분리 (#52) * feat: Menu 컴포넌트 공통 컴포넌트로 분리 * feat: storybook @example 부분 syntax highlight 적용 * refactor: 코드리뷰 반영, Menu 컴포넌트 개선 * docs: Menu, Dropdown 스토리 업데이트 * Squashed commit of the following: commit 566d877 Author: ptyoiy <[email protected]> Date: Sat Oct 5 05:11:00 2024 +0900 [ Feat ] pagination component 구현 (#62) * feat: pagination 컴포넌트 구현 (7칸+버튼2칸) * refactor: 페이지 번호 생성 함수 개선 * chore: 안쓰는 코드 제거 * docs: story 작성 * docs: 스토리 업데이트 * style: 버튼에 cursor: pointer 추가 * refactor: page 생성 함수 분리 * refactor: 코리 반영(변수명, 파일 분리) * refactor: 코리 반영 (범위 함수 [close, open) 방식으로 변경) * fix: ci error commit 6baf056 Author: ptyoiy <[email protected]> Date: Fri Oct 4 03:11:35 2024 +0900 [ Feat ] onboarding page 구현 및 스토리북 테스트 (#48) * feat: onboarding 첫번째 section 구현 * feat: 두번째 section 구현 * feat: section scroll 기능 구현 * feat: 세번째 섹션 구현, css variants 통일, 스크롤 기능 css로 교체 * style: 이미지 최적화 * feat: footer 구현, 스크롤 css global에 적용 * refactor: 접근성 리펙토링 * fix: route segment storybook 세팅 변경 * chore: 클라이언트 컴포넌트 영역 적절한 곳으로 변경 * fix: pnpm run check error * refactor: scroll style을 페이지 단으로 이동 * fix: css 간격 조정, route를 "/"으로 변경 * chore: 누락된 간격 조정 적용 * feat: 이미지에 fade-in 효과 적용 * chore: gitkeep 제거 * chore: 변수 엑세스 위치 교체 * Squashed commit of the following: commit 1c994ce Author: HwangDo <[email protected]> Date: Wed Oct 2 23:38:25 2024 +0900 [ Refactor ] 모든 파일 일괄 포매터 적용 및 CI 설정 commit fff7961 Author: 최주용 <[email protected]> Date: Wed Oct 2 23:02:18 2024 +0900 [ Feat ] Context를 통한 TabGroup 컴파운드 컴포넌트 구현 (#46) * style: list 요소 style none 추가 * feat: 선택된 tab, 현재 tab variant에 대한 reducer와 context 생성 * feat: icon과 indicator를 추가한 Tab Item 컴포넌트 * feat: state, dispatch 커스텀 훅 선언 * feat: children의 idx를 통해 selected된 id 패널을 렌더링하도록 구현 * chore: darkMode parameter 추가 * feat: context를 통한 list, panel, tab, tabs, indicator 상태 공유 * refactor: setVariant actions 삭제 * refactor: 추가적인 wai-aria 명시 * feat: motion layoutId로 transition 시 공통된 애니메이션 적용 * refactor: tabStyle의 font를 textStyle로 분리 * refactor: null | undefined를 ! 로 처리 * chore: tab, panel에 맞는 id prop 추가 commit f71a72a Author: HwangDo <[email protected]> Date: Wed Sep 25 22:36:35 2024 +0900 [ Feat ] Datepicker 구현 (#51) * react-datepicker test v1 * feat: Implement datepicker * refactor: Make props more general * chore: CSS 정리 * add : Add component to story --------- Co-authored-by: Lee jin <[email protected]> commit 1b6639d Author: 최주용 <[email protected]> Date: Tue Sep 24 14:05:21 2024 +0900 [ Feat ] Atom과 Timeout을 통한 Toast 렌더링, ToastProvider 설정 (#50) * feat: createPortal을 이용한 Portal 래퍼 컴포넌트 생성 * feat: Toast 컴포넌트 퍼블리싱 * chore: 초기 토스트 컨테이너, 토스트 컴포넌트 스타일 * feat: toast atom, useToast 훅 생성 * feat: 전역 toast list를 렌더링하는 동시에 onClose 핸들러 전달 * refactor: 단 하나의 토스트를 띄우도록 변경 * style: animation keyframe 생성 * feat: list가 아닌 하나의 toast를 update * feat: ref, timeout을 통한 useTimeout 커스텀 훅 생성 * feat: useTimeout을 통해 show hide 제어 + toast atom을 통한 조건부 토스트 렌더링 * chore: 불필요 prop 삭제 * docs: toast story 작성 * docs: storybook provider 추가 * chore: storybook title 수정 * chore: decorator로 파일 네이밍 수정 * feat: renderRef를 추가하여 null로 업데이트 시 렌더링 이슈 해결 * chore: image format declare * refactor: clear timeout logic 수정 * chore: Timeout type shared로 이동하여 삭제 commit 38ef230 Author: Lee jin <[email protected]> Date: Tue Sep 24 05:26:45 2024 +0900 [ Feat ] Modal 공통컴포넌트 구현 (#44) * feat: Modal 컴포넌트 구현 * feat: focus trap 추가 * feat: Modal Storybook 추가 * fix: CI 빌드 에러 해결 * fix: 사용하지 않는 import 제거 * fix: CI 빌드 에러 해결 commit 6582c59 Author: ptyoiy <[email protected]> Date: Sun Sep 22 17:46:24 2024 +0900 [ Feat ] alarm list component 구현 (#41) * feat: alarm list 컴포넌트 구현, 헤더 내부 컴포넌트 수정 * fix: page에 임시로 use client 사용 * refactor: useOutsideClick 훅 esc키로도 작동하게 수정 * chore: 주석 추가, css 순서별 개행 * refactor: 코리 반영 (jsx구조, 변수명 수정) * refactor: 코리 반영(shared 이동, 매개변수명 수정, 간격 조정, globalStyle 추가)) * fix: storybook 버그 수정 * chore: 스크롤바 style theme으로 이동 * refactor: 옵저버 공통 hook으로 이동, 잘못된 버튼 구현 수정 * Squashed commit of the following: commit a26a410 Author: HwangDo <[email protected]> Date: Thu Oct 3 21:04:39 2024 +0900 [ Feat ] Add common-input component (#38) * feat: Add common-input component * fix: add 'use client' and update prop types * refactor: Apply comments * Add : Add component's to storyBook * chore: update textarea's figma url * style: bar 제거 및 ErrorInfo 컴포넌트 분리 * chore: Organize imports and add story * Apply comments * Remove unused code * Remove useless fragment * style: Change focus-within to focus * style: Seperate supportingText from components * style: Seperate supportingText from components commit 45a2edc Author: Lee jin <[email protected]> Date: Thu Oct 3 21:02:43 2024 +0900 [ Fix ] 리뷰어 자동할당 (#69) * fix: 리뷰어 자동할당 * fix: CI 빌드에러 해결 commit f48ca35 Author: HwangDo <[email protected]> Date: Thu Oct 3 21:02:06 2024 +0900 [ Fix ] Format-on-save가 정상 작동하게 수정 (#71) * fix: Fix broken format-on-save for biome * Fix Tabgroup format * fix: format * fix: format commit 0e0cbf7 Author: Lee jin <[email protected]> Date: Fri Oct 4 03:08:43 2024 +0900 [ Feat ] EditAvatar 구현 + storybook (#66) * feat: EditAvatar UI구현 * feat: EditAvatar 구현 * feat: EditAvatar storybook 작성 * feat: onImageChange 추가 * fix: CI 빌드에러 해결 * feat: label 추가 및 pickedImage null일 경우 처리 * fix: fileReader 창 두 번 뜨는 이슈 해결 * docs: unused import 삭제 * fix: CI 빌드에러 해결 * feat: onKeydown 추가 commit a26a410 Author: HwangDo <[email protected]> Date: Thu Oct 3 21:04:39 2024 +0900 [ Feat ] Add common-input component (#38) * feat: Add common-input component * fix: add 'use client' and update prop types * refactor: Apply comments * Add : Add component's to storyBook * chore: update textarea's figma url * style: bar 제거 및 ErrorInfo 컴포넌트 분리 * chore: Organize imports and add story * Apply comments * Remove unused code * Remove useless fragment * style: Change focus-within to focus * style: Seperate supportingText from components * style: Seperate supportingText from components commit 45a2edc Author: Lee jin <[email protected]> Date: Thu Oct 3 21:02:43 2024 +0900 [ Fix ] 리뷰어 자동할당 (#69) * fix: 리뷰어 자동할당 * fix: CI 빌드에러 해결 commit f48ca35 Author: HwangDo <[email protected]> Date: Thu Oct 3 21:02:06 2024 +0900 [ Fix ] Format-on-save가 정상 작동하게 수정 (#71) * fix: Fix broken format-on-save for biome * Fix Tabgroup format commit 1c994ce Author: HwangDo <[email protected]> Date: Wed Oct 2 23:38:25 2024 +0900 [ Refactor ] 모든 파일 일괄 포매터 적용 및 CI 설정 commit fff7961 Author: 최주용 <[email protected]> Date: Wed Oct 2 23:02:18 2024 +0900 [ Feat ] Context를 통한 TabGroup 컴파운드 컴포넌트 구현 (#46) * style: list 요소 style none 추가 * feat: 선택된 tab, 현재 tab variant에 대한 reducer와 context 생성 * feat: icon과 indicator를 추가한 Tab Item 컴포넌트 * feat: state, dispatch 커스텀 훅 선언 * feat: children의 idx를 통해 selected된 id 패널을 렌더링하도록 구현 * chore: darkMode parameter 추가 * feat: context를 통한 list, panel, tab, tabs, indicator 상태 공유 * refactor: setVariant actions 삭제 * refactor: 추가적인 wai-aria 명시 * feat: motion layoutId로 transition 시 공통된 애니메이션 적용 * refactor: tabStyle의 font를 textStyle로 분리 * refactor: null | undefined를 ! 로 처리 * chore: tab, panel에 맞는 id prop 추가 commit f71a72a Author: HwangDo <[email protected]> Date: Wed Sep 25 22:36:35 2024 +0900 [ Feat ] Datepicker 구현 (#51) * react-datepicker test v1 * feat: Implement datepicker * refactor: Make props more general * chore: CSS 정리 * add : Add component to story --------- Co-authored-by: Lee jin <[email protected]> commit 1b6639d Author: 최주용 <[email protected]> Date: Tue Sep 24 14:05:21 2024 +0900 [ Feat ] Atom과 Timeout을 통한 Toast 렌더링, ToastProvider 설정 (#50) * feat: createPortal을 이용한 Portal 래퍼 컴포넌트 생성 * feat: Toast 컴포넌트 퍼블리싱 * chore: 초기 토스트 컨테이너, 토스트 컴포넌트 스타일 * feat: toast atom, useToast 훅 생성 * feat: 전역 toast list를 렌더링하는 동시에 onClose 핸들러 전달 * refactor: 단 하나의 토스트를 띄우도록 변경 * style: animation keyframe 생성 * feat: list가 아닌 하나의 toast를 update * feat: ref, timeout을 통한 useTimeout 커스텀 훅 생성 * feat: useTimeout을 통해 show hide 제어 + toast atom을 통한 조건부 토스트 렌더링 * chore: 불필요 prop 삭제 * docs: toast story 작성 * docs: storybook provider 추가 * chore: storybook title 수정 * chore: decorator로 파일 네이밍 수정 * feat: renderRef를 추가하여 null로 업데이트 시 렌더링 이슈 해결 * chore: image format declare * refactor: clear timeout logic 수정 * chore: Timeout type shared로 이동하여 삭제 commit 38ef230 Author: Lee jin <[email protected]> Date: Tue Sep 24 05:26:45 2024 +0900 [ Feat ] Modal 공통컴포넌트 구현 (#44) * feat: Modal 컴포넌트 구현 * feat: focus trap 추가 * feat: Modal Storybook 추가 * fix: CI 빌드 에러 해결 * fix: 사용하지 않는 import 제거 * fix: CI 빌드 에러 해결 * fix: ci error * fix: import error * [ Feat ] Form 공통 컴포넌트 구현 (#57) * feat: form 공통 컴포넌트 구현 * docs: Form 스토리 작성 * feat: form util 구현 * refactor: form util 매개변수 간소화, 스토리에 form util 적용 * chore: 주석 제거 * refactor: 파일 분리 및 clsx로 교체 * Squashed commit of the following: commit 7c0dda6 Author: hwangjokim <[email protected]> Date: Sun Sep 29 20:58:55 2024 +0900 style: Seperate supportingText from components commit 5a2df10 Author: hwangjokim <[email protected]> Date: Sun Sep 29 20:58:05 2024 +0900 style: Seperate supportingText from components commit 27766d2 Author: hwangjokim <[email protected]> Date: Sat Sep 28 22:51:38 2024 +0900 style: Change focus-within to focus commit 8e7e43e Author: hwangjokim <[email protected]> Date: Sat Sep 28 22:34:00 2024 +0900 Remove useless fragment commit 25ec259 Author: hwangjokim <[email protected]> Date: Sat Sep 28 22:30:22 2024 +0900 Remove unused code commit 6417797 Author: hwangjokim <[email protected]> Date: Sat Sep 28 22:26:47 2024 +0900 Apply comments commit cba01b3 Merge: 8b997e9 6582c59 Author: hwangjokim <[email protected]> Date: Sun Sep 22 22:18:43 2024 +0900 Merge branch 'main' into init/#5/input-component commit 8b997e9 Author: hwangjokim <[email protected]> Date: Sun Sep 22 22:16:25 2024 +0900 chore: Organize imports and add story commit 86b01d2 Author: hwangjokim <[email protected]> Date: Sun Sep 22 21:38:05 2024 +0900 style: bar 제거 및 ErrorInfo 컴포넌트 분리 commit 2406e3c Author: hwangjokim <[email protected]> Date: Sun Sep 22 01:58:53 2024 +0900 chore: update textarea's figma url commit 6568fae Author: hwangjokim <[email protected]> Date: Sun Sep 22 01:52:43 2024 +0900 Add : Add component's to storyBook commit fe04540 Author: hwangjokim <[email protected]> Date: Sun Sep 22 01:44:41 2024 +0900 refactor: Apply comments commit a3e8089 Author: hwangjokim <[email protected]> Date: Wed Sep 18 16:53:58 2024 +0900 fix: add 'use client' and update prop types commit 1087c62 Author: hwangjokim <[email protected]> Date: Wed Sep 18 01:12:09 2024 +0900 feat: Add common-input component * feat: form description 추가 * docs: 스토리 수정 - SupportingText(FormDescription) 적용 * Squashed commit of the following: commit f71a72a Author: HwangDo <[email protected]> Date: Wed Sep 25 22:36:35 2024 +0900 [ Feat ] Datepicker 구현 (#51) * react-datepicker test v1 * feat: Implement datepicker * refactor: Make props more general * chore: CSS 정리 * add : Add component to story --------- Co-authored-by: Lee jin <[email protected]> * docs: DatePicker 스토리에 적용 * refactor: Form 추상화를 통한 사용법 단순화 * refactor: 재검사 함수 주입 방법 수정, 다양한 재검사 로직 추가 * fix: mode: onTouched 적용 * refactor: Form 컴포넌트 추상화 및 story 작성 * Squashed commit of the following: commit 6baf056 Author: ptyoiy <[email protected]> Date: Fri Oct 4 03:11:35 2024 +0900 [ Feat ] onboarding page 구현 및 스토리북 테스트 (#48) * feat: onboarding 첫번째 section 구현 * feat: 두번째 section 구현 * feat: section scroll 기능 구현 * feat: 세번째 섹션 구현, css variants 통일, 스크롤 기능 css로 교체 * style: 이미지 최적화 * feat: footer 구현, 스크롤 css global에 적용 * refactor: 접근성 리펙토링 * fix: route segment storybook 세팅 변경 * chore: 클라이언트 컴포넌트 영역 적절한 곳으로 변경 * fix: pnpm run check error * refactor: scroll style을 페이지 단으로 이동 * fix: css 간격 조정, route를 "/"으로 변경 * chore: 누락된 간격 조정 적용 * feat: 이미지에 fade-in 효과 적용 * chore: gitkeep 제거 * chore: 변수 엑세스 위치 교체 * Squashed commit of the following: commit 1c994ce Author: HwangDo <[email protected]> Date: Wed Oct 2 23:38:25 2024 +0900 [ Refactor ] 모든 파일 일괄 포매터 적용 및 CI 설정 commit fff7961 Author: 최주용 <[email protected]> Date: Wed Oct 2 23:02:18 2024 +0900 [ Feat ] Context를 통한 TabGroup 컴파운드 컴포넌트 구현 (#46) * style: list 요소 style none 추가 * feat: 선택된 tab, 현재 tab variant에 대한 reducer와 context 생성 * feat: icon과 indicator를 추가한 Tab Item 컴포넌트 * feat: state, dispatch 커스텀 훅 선언 * feat: children의 idx를 통해 selected된 id 패널을 렌더링하도록 구현 * chore: darkMode parameter 추가 * feat: context를 통한 list, panel, tab, tabs, indicator 상태 공유 * refactor: setVariant actions 삭제 * refactor: 추가적인 wai-aria 명시 * feat: motion layoutId로 transition 시 공통된 애니메이션 적용 * refactor: tabStyle의 font를 textStyle로 분리 * refactor: null | undefined를 ! 로 처리 * chore: tab, panel에 맞는 id prop 추가 commit f71a72a Author: HwangDo <[email protected]> Date: Wed Sep 25 22:36:35 2024 +0900 [ Feat ] Datepicker 구현 (#51) * react-datepicker test v1 * feat: Implement datepicker * refactor: Make props more general * chore: CSS 정리 * add : Add component to story --------- Co-authored-by: Lee jin <[email protected]> commit 1b6639d Author: 최주용 <[email protected]> Date: Tue Sep 24 14:05:21 2024 +0900 [ Feat ] Atom과 Timeout을 통한 Toast 렌더링, ToastProvider 설정 (#50) * feat: createPortal을 이용한 Portal 래퍼 컴포넌트 생성 * feat: Toast 컴포넌트 퍼블리싱 * chore: 초기 토스트 컨테이너, 토스트 컴포넌트 스타일 * feat: toast atom, useToast 훅 생성 * feat: 전역 toast list를 렌더링하는 동시에 onClose 핸들러 전달 * refactor: 단 하나의 토스트를 띄우도록 변경 * style: animation keyframe 생성 * feat: list가 아닌 하나의 toast를 update * feat: ref, timeout을 통한 useTimeout 커스텀 훅 생성 * feat: useTimeout을 통해 show hide 제어 + toast atom을 통한 조건부 토스트 렌더링 * chore: 불필요 prop 삭제 * docs: toast story 작성 * docs: storybook provider 추가 * chore: storybook title 수정 * chore: decorator로 파일 네이밍 수정 * feat: renderRef를 추가하여 null로 업데이트 시 렌더링 이슈 해결 * chore: image format declare * refactor: clear timeout logic 수정 * chore: Timeout type shared로 이동하여 삭제 commit 38ef230 Author: Lee jin <[email protected]> Date: Tue Sep 24 05:26:45 2024 +0900 [ Feat ] Modal 공통컴포넌트 구현 (#44) * feat: Modal 컴포넌트 구현 * feat: focus trap 추가 * feat: Modal Storybook 추가 * fix: CI 빌드 에러 해결 * fix: 사용하지 않는 import 제거 * fix: CI 빌드 에러 해결 commit 6582c59 Author: ptyoiy <[email protected]> Date: Sun Sep 22 17:46:24 2024 +0900 [ Feat ] alarm list component 구현 (#41) * feat: alarm list 컴포넌트 구현, 헤더 내부 컴포넌트 수정 * fix: page에 임시로 use client 사용 * refactor: useOutsideClick 훅 esc키로도 작동하게 수정 * chore: 주석 추가, css 순서별 개행 * refactor: 코리 반영 (jsx구조, 변수명 수정) * refactor: 코리 반영(shared 이동, 매개변수명 수정, 간격 조정, globalStyle 추가)) * fix: storybook 버그 수정 * chore: 스크롤바 style theme으로 이동 * refactor: 옵저버 공통 hook으로 이동, 잘못된 버튼 구현 수정 * Squashed commit of the following: commit a26a410 Author: HwangDo <[email protected]> Date: Thu Oct 3 21:04:39 2024 +0900 [ Feat ] Add common-input component (#38) * feat: Add common-input component * fix: add 'use client' and update prop types * refactor: Apply comments * Add : Add component's to storyBook * chore: update textarea's figma url * style: bar 제거 및 ErrorInfo 컴포넌트 분리 * chore: Organize imports and add story * Apply comments * Remove unused code * Remove useless fragment * style: Change focus-within to focus * style: Seperate supportingText from components * style: Seperate supportingText from components commit 45a2edc Author: Lee jin <[email protected]> Date: Thu Oct 3 21:02:43 2024 +0900 [ Fix ] 리뷰어 자동할당 (#69) * fix: 리뷰어 자동할당 * fix: CI 빌드에러 해결 commit f48ca35 Author: HwangDo <[email protected]> Date: Thu Oct 3 21:02:06 2024 +0900 [ Fix ] Format-on-save가 정상 작동하게 수정 (#71) * fix: Fix broken format-on-save for biome * Fix Tabgroup format * fix: format * fix: format commit 0e0cbf7 Author: Lee jin <[email protected]> Date: Fri Oct 4 03:08:43 2024 +0900 [ Feat ] EditAvatar 구현 + storybook (#66) * feat: EditAvatar UI구현 * feat: EditAvatar 구현 * feat: EditAvatar storybook 작성 * feat: onImageChange 추가 * fix: CI 빌드에러 해결 * feat: label 추가 및 pickedImage null일 경우 처리 * fix: fileReader 창 두 번 뜨는 이슈 해결 * docs: unused import 삭제 * fix: CI 빌드에러 해결 * feat: onKeydown 추가 commit a26a410 Author: HwangDo <[email protected]> Date: Thu Oct 3 21:04:39 2024 +0900 [ Feat ] Add common-input component (#38) * feat: Add common-input component * fix: add 'use client' and update prop types * refactor: Apply comments * Add : Add component's to storyBook * chore: update textarea's figma url * style: bar 제거 및 ErrorInfo 컴포넌트 분리 * chore: Organize imports and add story * Apply comments * Remove unused code * Remove useless fragment * style: Change focus-within to focus * style: Seperate supportingText from components * style: Seperate supportingText from components commit 45a2edc Author: Lee jin <[email protected]> Date: Thu Oct 3 21:02:43 2024 +0900 [ Fix ] 리뷰어 자동할당 (#69) * fix: 리뷰어 자동할당 * fix: CI 빌드에러 해결 commit f48ca35 Author: HwangDo <[email protected]> Date: Thu Oct 3 21:02:06 2024 +0900 [ Fix ] Format-on-save가 정상 작동하게 수정 (#71) * fix: Fix broken format-on-save for biome * Fix Tabgroup format commit 1c994ce Author: HwangDo <[email protected]> Date: Wed Oct 2 23:38:25 2024 +0900 [ Refactor ] 모든 파일 일괄 포매터 적용 및 CI 설정 commit fff7961 Author: 최주용 <[email protected]> Date: Wed Oct 2 23:02:18 2024 +0900 [ Feat ] Context를 통한 TabGroup 컴파운드 컴포넌트 구현 (#46) * style: list 요소 style none 추가 * feat: 선택된 tab, 현재 tab variant에 대한 reducer와 context 생성 * feat: icon과 indicator를 추가한 Tab Item 컴포넌트 * feat: state, dispatch 커스텀 훅 선언 * feat: children의 idx를 통해 selected된 id 패널을 렌더링하도록 구현 * chore: darkMode parameter 추가 * feat: context를 통한 list, panel, tab, tabs, indicator 상태 공유 * refactor: setVariant actions 삭제 * refactor: 추가적인 wai-aria 명시 * feat: motion layoutId로 transition 시 공통된 애니메이션 적용 * refactor: tabStyle의 font를 textStyle로 분리 * refactor: null | undefined를 ! 로 처리 * chore: tab, panel에 맞는 id prop 추가 commit f71a72a Author: HwangDo <[email protected]> Date: Wed Sep 25 22:36:35 2024 +0900 [ Feat ] Datepicker 구현 (#51) * react-datepicker test v1 * feat: Implement datepicker * refactor: Make props more general * chore: CSS 정리 * add : Add component to story --------- Co-authored-by: Lee jin <[email protected]> * feat: date type 전용 라벨 추가, date type story 작성 * chore: 주석, 타입 수정 * fix: format * chore: 변경 line 수 축약 * fix: ci error * fix: type error * refactor: 코리 반영 (파일 분리, context 제거) * fix: ci error * fix: ci error * Update index.tsx * [ Style ] Button 디자인 마이그레이션 (#85) * [ Feat ] Sidebar 컴포넌트 구현 및 탭 Icon prop 방식 수정 (#67) * chore: use client 처리 + 추가 스타일 * refactor: panel을 요소 그대로 clone하여 prop 추가한 후 렌더링 * style: userSelect none 추가 * feat: renderProp을 통해 icon 주입 * feat: Sidebar 퍼블리싱 * chore: globalStyle import * refactor: Tab renderedIcon 적용 * chore: story 수정 * fix: formatter * [ Feat ] 다중 항목에 대한 Carousel 컴포넌트 퍼블리싱 (#73) * feat: currentIndex, itemRef 설정하여 viewing 슬라이드 관리 * feat: currentIndex 시 자신으로 ref 교체 * feat: Arrow 컴포넌트 분리 * chore: svg 교체 * chore: slider wrapper pos absolute * feat: query matchs 여부에 따른 callback 실행하는 커스텀 훅 생성 * chore: 주석 추가 * feat: media match 여부에 따른 sliding count 변경 * chore: formatter apply * feat: 마지막 index view에서는 right arrow도 사라지도록 수정 * chore: currentIndex 비교 연산 상수화 * refactor: viewport에 따른 slideCount 수정 * [ Feat ] profile image type 추가 및 field props 통합 (#84) * feat: profile image type 추가 및 field props 통합 * fix: textarea에 clsx 적용 * [ Feat ] JoinGroup 퍼블리싱 (#75) * docs: btn_delete svg 추가 * fix: Modal 배경색 transparent 로 변경 * feat: Modal Container 구현 * feat: GroupInfoCard 구현 * feat: DecisionPrompt 구현 * feat: 버튼 퍼블리싱 * refactor: 코드리뷰 반영 * chore: p태그로 롤백 * chore: h1 태그 사용 * chore: 코드리뷰 반영 * refactor: Modal CloseBtn 추가 * fix: 변수 네이밍 컨벤션 지키기 * [ Refactor ] api 폴더구조 리팩토링 (#92) * refactor: src/api 폴더구조 리팩토링 * chore: console 주석 처리 * fix: import 경로 수정 * feat: README 업데이트 * feat: README 업데이트 * [ Feat ] Problem List Item 컴포넌트 퍼블리싱 (#87) * feat: common checkbox publishing * chore: playground story 추가 * feat: tier image 반환하는 유틸 함수 작성 * feat: create tier, tier detail type * feat: list, item 컴포넌트 퍼블리싱 * refactor: date format change * chore: item component use client * style: ellipsis 적용 * chore: span -> time tag * chore: aria-label 반영 * [ Feat ] CreateGroup + GroupInfoForm (#89) * docs: btn_delete svg 추가 * fix: Modal 배경색 transparent 로 변경 * feat: Modal Container 구현 * feat: GroupInfoCard 구현 * feat: DecisionPrompt 구현 * feat: 버튼 퍼블리싱 * refactor: 코드리뷰 반영 * feat: EditAvatar 추가 * feat: 스터디 이름 Form * feat: Date Form * feat: Flex 컴포넌트 구현 * feat: className, props 추가 * fix: date schema 변경 * feat: formatDate 함수 구현 * feat: Date Form 추가 * feat: Desc Form 추가 * feat: 에러 supportingText 추가 * docs: 불필요한 파일 삭제 * feat: profile image type 추가 및 field props 통합 * fix: textarea에 clsx 적용 * feat: #82 반영사항 적용 * feat: 성공 toast 추가 * feat: LinkWithCopy 구현 * fix: form import 경로 수정 * fix: date 기본값 삭제 * refactor: 시맨틱 태그 변경 * chore: Modal 수정사항 반영 * feat: ToastProvider 추가 및 클립보드 복사 아이콘 변경 * refactor: 코드리뷰 반영 --------- Co-authored-by: ptyoiy <[email protected]> * [ Feat ] 라우트 이동을 관리하는 NavBar 컴포넌트 퍼블리싱 (#90) * feat: navBar by routing publishing * feat: Item NavBar Object로 assign * docs: metadata 추가 * refactor: router.push -> Link * refactore: 불필요한 prop 제거 및 상수화 * [ Feat ] Login page 구현 (#93) * feat: 로그인 페이지 구현, 유효성 검사 적용 * fix: format error * feat: favicon 설정 (#96) * [ Feat ] table 구현 (#94) * feat: 기본 테이블 요소 구현 * feat: 테이블 header 구현 * feat: 테이블 body 구현 * refactor: 컴포넌트 구조 통합 및 폴더구조 컨벤션 적용 * style: text style 및 상태 아이콘 추가 * style: 간격 조정 * style: 알림 설정 style 추가 * chore: style 변경 누락 * style: 속성명 통합(align), column 타입 간소화 * docs: 스토리 작성 * chore: 안쓰는 패키지 제거, 타입명 수정 * fix: format error * chore: type.ts 이동 * [ Feat ] 모든 페이지의 Sidebar 퍼블리싱 (#101) * feat: UserPage-Dashboard Sidebar 퍼블리싱 * feat: UserPage-Setting Sidebar 퍼블리싱 * feat: GroupPage-Dashboard Sidebar 퍼블리싱 * fix: MemberAvatar 활용 * feat: 모든 페이지에 sidebar 추가 * feat: RoleChip 추가 * fix: CI 빌드에러 해결 * refactor: 코드리뷰 반영 * refactor: ts-pattern 사용 * refactor: 코드리뷰 반영 * refactor: page 컴포넌트 main 태그로 변경 * [ Fix ] onboarding-section3의 이미지 레이아웃 문제 해결 (#103) * fix: section3, main layout * fix: back color * fix: merge error * [ Refactor ] 폴더 구조 * Revert "[ Fix ] onboarding-section3의 이미지 레이아웃 문제 해결 (#103)" This reverts commit c4f654c. * Revert "[ Refactor ] 폴더 구조" This reverts commit b9d8a36. * [ Refactor ] 폴더 구조 * [ Fix ] onboarding section1, 폴더 구조 (#110) * fix: section3, main layout * fix: back color * fix: merge error * refactor: 폴더구조 컨벤션 적용 * fix: import error * refactor: modal에 dynamic import 적용 * fix: ssr error * fix: build, start 시 globalStyle 적용 안되는 이슈 * [ Feat ] instagram, mail 링크 추가 (#113) * feat: instagram, mail 링크 추가 * fix: CI 빌드에러 해결 --------- Co-authored-by: 최주용 <[email protected]> Co-authored-by: ptyoiy <[email protected]> Co-authored-by: HwangDo <[email protected]> Co-authored-by: hwangjokim <[email protected]>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
#️⃣ Related Issue
Closes #88
✅ Done Task
💎 PR Point
기존의
Tab컴포넌트와 스타일이 동일하고, 다른 것은router처리만 해주면 되었기에 딱히 PR 포인트는 없습니다 !📸 Screenshot
2024-10-09.5.42.25.mov