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.

Sign up for GitHub

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

Jump to bottom

refactor: FE 구조 개선 #131

Closed

gchoi96 opened this issue Nov 28, 2022 · 0 comments

Assignees

Labels

Milestone

Member

gchoi96 commented Nov 28, 2022 •

edited

Loading

리팩토링 배경

현재 pages 디럭터리 아래에 바로 Page.tsx Page.styles.ts 파일이 위치하고 있어 관리가 어려움
custom hooks의 인자/타입이 명확하지 않아 한 번에 파악하기 어려움
useInput(validator, false)
각 페이지/컴포넌트가 너무 많은 기능을 수행하고 있어 관리가 어려움
story가 누락된 컴포넌트가 존재함

기대효과

페이지별 디렉터리를 따로 만들어 구조 파악/관리가 편해짐
hooks의 내부 코드를 확인하지 않아도 어떤 기능을 하는지 파악이 가능해짐
웹 애플리케이션과 독립된 환경에서 통해 컴포넌트의 관리 및 테스트가 가능해짐

체크리스트

페이지별 디렉터리 생성 pages/MainPage
hooks의 불필요한 매개변수 제거
hooks에 제네릭 타입 적용
누락된 story 파일 작성

The text was updated successfully, but these errors were encountered:

gchoi96 added the refactor label

gchoi96 added this to the 4주차 milestone

gchoi96 self-assigned this

gchoi96 added a commit that referenced this issue


          refactor: #131 fe 폴더구조 변경

3f0e6c6

gchoi96 added a commit that referenced this issue


          refactor: #131 hooks 리팩토링

521eb4f

gchoi96 mentioned this issue

refactor: fe 구조/hooks 개선 #132

Merged

gchoi96 added a commit that referenced this issue


          refactor: #131 누락된 story 파일 작성

e08a151

Text, Template -> _ComponentName

gchoi96 closed this as completed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment