Skip to content
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

Refactor: Pages폴더 css/style 및 assets 분리 #40

Merged
merged 17 commits into from
Feb 14, 2024
Merged

Refactor: Pages폴더 css/style 및 assets 분리 #40

merged 17 commits into from
Feb 14, 2024

Conversation

Youngho-kr
Copy link
Collaborator

src/pages/. 아래에 있는 JS 파일에 style 태그로 지정되어 있는 style 을 css 파일로 분리
한 파일당 하나의 css 파일을 가지도록 하고, 최소한 하나의 폴더에 하나의 css 파일을 가지도록 함

src/pages/. 아래에 있는 font 와 image 를 assets/font/ 와 assets/images 아래폴더로 이동

@Youngho-kr Youngho-kr linked an issue Feb 13, 2024 that may be closed by this pull request
@Youngho-kr
Copy link
Collaborator Author

최대한 피그마 페이지에 구현되어 있는 것과 유사한 형태로 작성하도록 함
피그마에서 components에서 특정 요소 아래에 포함되어 있으면

(아래)
이런 식으로 작성하도록 노력함

css 파일 분리는 mainpage 와 introducepage 를 제외하면 거의 없었음

@ljy2855 ljy2855 self-requested a review February 13, 2024 13:14
@ljy2855
Copy link
Member

ljy2855 commented Feb 13, 2024

일단 작업하느라 수고 많았고... 추가로 했으면 하는 것들 정리해둠

  • pages/{page}/ 폴더 내부에 page들과 compenents들만 있도록 정리 ex) Introduce.js, components/MoreStory.js
  • naming convention : 파일 이름들 형식 통합 Introduce_5.js -> DetailIntroduce 파일 이름은 camel case

Copy link
Member

Choose a reason for hiding this comment

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

이러한 형식의 파일 이름들 모두 camel case로 변경

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

예시로 하나 적어줘

Copy link
Member

Choose a reason for hiding this comment

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

Introduce_2.js 경우에는 IntroduceBenefit.js으로 변경하고, components 폴더에 넣어서 관리하면 좋을 듯

Copy link
Member

@ljy2855 ljy2855 Feb 13, 2024

Choose a reason for hiding this comment

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

아니면 introduce page내 component니까 의미중복 고려해서 Introduce 빼고 Benefit.js 으로만 변경해도 이해하기 좋을듯

Copy link
Member

Choose a reason for hiding this comment

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

pages/main_page/ApplyCardMain/MainApplyCard.css -> src/pages/main_page/components/MainApplyCard.css
변경하여 page별로 코드 구조 일치

@ljy2855 ljy2855 merged commit 46019e0 into main Feb 14, 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.

기존 코드 리팩토링
2 participants