Skip to content

[리팩터링] 컴포넌트 구조 #310

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 32 commits into
base: main
Choose a base branch
from
Open

[리팩터링] 컴포넌트 구조 #310

wants to merge 32 commits into from

Conversation

MINJE-98
Copy link
Member

@MINJE-98 MINJE-98 commented Aug 9, 2022

구현 개요

공통적인 컴포넌트와 각 페이지에서만 필요한 컴포넌트를 분리합니다.

작업 사항

각 컴포넌트를 분리하고 기능을 구현하였습니다.
자세한 내용은 각각의 PR을 확인하세요.
새로운 컴포넌트 분리 기준을 작성하였고 작성된 기준에 맞춰서 컴포넌트를 재구성 하였습니다.

이슈 트래커 번호

resolve #288

* chore: label-has-associated-control, require-default-props off label을 원자 분자 단위로 선언해야하는 경우로 인해 off, props를 optional로 받을 경우가 존재해 off (#296)

* style: global css (#286)

* 모듈 설치 (#297)

* chore: install next-seo

* chore: update react-icons

* chore: install tailwind-scroll-hide

* chore: install usehooks-ts

* chore: tailwind plugin 적용
* 공통적으로 사용될 atom 분리 (#283)

* fix: 기존 Atom 삭제

* feat: 기본 버튼

* feat: 잠금 아이콘

* feat: avatar, thumbnail

* feat: input

* feat: loading

* feat: overlay

* feat: LinkTo

* fix: code smell

* 공통적으로 사용될 organisms 분리 (#284)

* feat: header

* feat: list

* feat: profile

* fix: 기존 organisms 삭제

* fix: code smell

* 공통적으로 사용될 molecules 분리 (#285)

* fix: 기존 molecules 삭제

* feat: molecules 버튼

Login, Logout, categorysort 버튼

login, logout 외부 sideeffect hooks

* feat: card

* feat: counter

* feat: postThumbnail

* feat: link

* feat: profile

* feat: techIcon

* feat: DateFnsFormatter

* feat: tipatap viwewe, editor

* fix: techicons 위치 이동
* feat(constant): dropdown contents

* feat(constant): input rules

* feat(constant): search noResultSearch

* feat(constant): writer
headTitle, placeHolder, publish, type

* fix(constant): delete text

* fix(common): constant fix 반영

* feat(modules): button

- privateSubmitButton
- PublicSubmitButton
- SelectedCategoryButton

* feat(modules-input): title, rules

* feat(modules-input): subTitle, rules

* feat(modules-input): coverImage

* feat(modules-input-categorySearch): autoComplete

* feat(modules-input-categorySearch): categoryInput

* feat(modules-input): label

- AddImageLabel
- EditImageLabel
- RemoveImageLabel

* feat(modules-input-interface): form type

* feat(modules-input): index

* feat(hooks): useOutsideClickAndEscClickListener

* feat(hooks-pages-writer): useHandleSummit

* feat(hooks-react-query-category): category hooks

* feat(hooks-react-query-post): post mutation

* feat(hooks-router): StringType Router

* feat(page): writer component 결합
* feat(constants): settings

* feat(modules-button): SettingSubmit

* feat(modules-rules): settings rules

* feat(modules-input): settings input

* feat(modules): settings index

* feat(hooks): submit hooks

* feat(page): settings page 컴포넌트 결합
* feat(constants-post): card title

* fix(api-userService): UserName Get 기능을 추가해야 합니다.

* feat(lib-utility): seo header object

* feat: constants 수정 반영

* feat(modules): blog index

* fix: postListQuery

* feat(page): blog 컴포넌트 결합
* feat(constants): link

* feat(api-post-like): postLike 구현 및 적용

* feat(lib-utility): seo post 추가

* feat(modules): link

* feat(modules): header

* feat(modules): like

* feat(modules): writer

* feat(modules): index

* feat(hooks-like): like mutation, hasLike query

* feat(hooks): isOwner hooks

* feat(hooks-react-query-post): postDetailQuery

* feat(page): page 컴포넌트 결합

* feat: _app root component에 포지션값 추가
* feat(constants): comment

* feat(api-post): comment api

* feat:(modules): comment button

* feat:(modules): comment content

* feat:(modules): comment input

* feat:(modules): comment render

* feat:(modules): comment tools

* feat:(modules): comment index

* feat:(hooks-react-query): comment

* feat:(page): comment 컴포넌트 결합
@MINJE-98 MINJE-98 added the 기능 추가 새로운 기능을 추가했습니다. label Aug 9, 2022
@MINJE-98 MINJE-98 self-assigned this Aug 9, 2022
@MINJE-98 MINJE-98 changed the title [리팩터링] 폴더 구조 [리팩터링] 컴포넌트 구조 Aug 11, 2022
* fix: 필요하지 않는 코드 삭제

* fix: type 수정

* fix(molecules): userProfile -> ProfileImage로 이름 변경

* fix(organisms): UserProfile 수정 반영

* refactor(organisms): CustomUserProfile-> UserInfoProfile 이름 변경 및 UserProfile 수정 반영

* refactor(organisms): DateUserProfile-> UserProfile 이름 변경 및 UserProfile 수정 반영

* feat(constants): viewCount 텍스트 작성

* fix: 내보내기 수정 및 index 내보내기

* fix(molecules): PostUserProfile 수정 반영

* fix: UserInfoProfile 수정 반영

* fix: PostUserProfile 수정 반영

* feat(modules-comment): commentUserProfile 추가

* feat(modules-comment): commentUserProfile 추가 반영

* fix(hook-react-query): userInfo QueryKey 수정

* feat(molecules): UserProfile 분자 단위 추가

* fix: UserProfile을 확장하도록 코드 수정
* feat(molecules): mostPopularPostCard 구현

* feat(Organisms): mostPopularPostCardList 구현

* feat(hook-react-query): useGetMostPopularPostListQuery

* feat(constants): 인기글 상수 데이터 생성
* refactor(molecules): UserProfile

이름 변경 UserProfile -> UserNameProfile로 변경

분자 컴포넌트는 props로 상태를 반환받고 항상 출력할 준비가 되어있어야합니다.

* fix(organisms-profile): PostUserProfile

UserNameProfile 수정 반영
Private을 PostUserProfile에서 렌더링하게 변경

* fix(organisms-profile): 오타 수정

* fix(modules-comment): UserNameProfile 수정 반영
* feat(api): 전체 카테고리 서치 로직
추가

* feat(lib-utility): isArrayEmpty

* feat(lib-utility): routerHelper

* style(molecules-buttons): 카테고리 버튼 스타일 수정

* fix(organisms-list): 파일명 변경 sticky옵션으로 top-0에 붙도록 설정

* fix(hooks-react-query): api 수정 반영

* fix: 내보내기 수정

* fix: 필요없는 코드 삭제

* fix: 코드 수정 반영

* style(common-organisms): 위치값 수정

* fix: _app 위치값 삭제
* style(atom-buttons): 내부 padding값 수정

* style(atom-buttons): 내부 padding값 수정
* style(molecules-card): 위치값, 넓이 스타일 수정

* fix(hooks-react-query): mostPopular 쿼리는 무한쿼리가 필요없기 때문에 일반 쿼리로 수정
* style(molecules-card): 위치값, 넓이 스타일 수정

* fix(organisms-list): 기존 카드 타이틀 삭제
* feat(constants): intro, cardTitle 텍스트 상수

* fix(atom): 핫픽스 hr테그 추가

* fix(molecules): 핫픽스 크기 조정

* fix(organisms): MostPopularPostCardList

페이징 렌더링 방식을 없애고 일반 렌더링 방식으로 수정

* fix(organisms): PostCard

데이터 없을때 렌더링 추가

* feat(modules-home): IntroThumbnail 추가

* feat: index page 구현
* fix: constants 파일 이동

* fix: constants 의존 파일들 수정

* chore: constants 절대 경로 수정
* feat(atom): RootBox 추가

* feat: RootBox 적용
@MINJE-98 MINJE-98 requested a review from argon1025 August 13, 2022 15:03
* fix(molecules): 자식 컴포넌트 key 삭제

* feat: 부모컴포넌트에 key 적용
* chore: install tiptap Link

* chore: tailwind typography 옵션 추가

* style: fix global a tag color

* feat(molecules-text-area): Link 기능 추가, Style 수정

* fix: 불필요한 코드 삭제
* chore: install joi

* fix: env validate
* fix(lib-api): httpclient폴더 이동, 서버별 인스턴스 생성

* fix(lib-api): httpclient 수정 반영

* feat: cSpell 예외 추가

* fix(lib-api): httpclient -> http-client 파일명 변경
* chore: install nprogress

* style: nprogress css

* feat(hooks-pages-app): useProgressBar

* feat(pages): _app 적용
* feat(lib-api-auth): 로그아웃시 accessToken 초기화 로직 추가

* fix(lib-api-users): GetMe할때 유저 토크 인증 부분 제거

* fix(hooks-react-query-user): getMe Hooks 제거

* fix:(hooks-context-auth): useLogin 로직 파일 위치 이동

* feat(hooks-context-auth-interface): context interface 추가

* feat(hooks-context-auth): add AuthContext

* feat(hooks-context-auth): add AuthProvider

* feat(common-hoc): add withAuth

custom _app에서 getInitialProps를 사용하여 contextAPI에 유저 정보를 저장합니다.

* feat(pages): _app AuthProvider, getInitialProps 적용

* fix: userGetMeQuery 종속 컴포넌트 모두 수정

* fix(common-molecules): useLogout 삭제

* feat(pages): HomePages에 Header추가

* feat(pages): SettingPage contextAPI 적용

* fix(hooks-react-query-post): useGetPostDetail에 userInfo 종속성 삭제

* fix(lib-utility): seo 인자값, 함수명 수정

* fix(pages): postDetail contextAPI적용, seo 수정

* fix(pages): userBlog contextAPI적용, seo 수정

* fix(pages): 404Pages seo 적용

* fix(hooks-react-query-category): 타입에러 수정

* fix(pages): Settings context에러 수정

* fix(common-hoc): 비회원일 경우 로직 추가
@sonarqubecloud
Copy link

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 13 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
기능 추가 새로운 기능을 추가했습니다.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Modules
1 participant