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

섹션 컴포넌트 API 리디자인 #198

Merged
merged 5 commits into from
Sep 9, 2024
Merged

Conversation

DaleSeo
Copy link
Contributor

@DaleSeo DaleSeo commented Sep 6, 2024

#197 (comment) 에서 이루어진 합의에 따라서 slot을 사용하는 남아있는 섹션 컴포넌트를 모두 리디자인하였습니다. 그 결과, index.html는 아래와 같이 단순한 구조를 가지게 되었습니다.

<body>
<ds-header></ds-header>
<ds-intro-section></ds-intro-section>
<ds-language-section></ds-language-section>
<ds-code-review-section></ds-code-review-section>
<ds-participant-reviews-section></ds-participant-reviews-section>
<ds-steps-section id="steps-section"></ds-steps-section>
<ds-footer></ds-footer>
</body>

한 가지 흥미로운 side benefit은 웹 컴포넌트에서 세어 나오는 텍스트가 없어서 이제 FOUC 이슈에 대해서 걱정할 필요가 없어졌다는 것입니다. 그래서 PR #187 에서 추가된 display trick도 제거하였습니다.

Checklist before merging

  • Link an issue with the pull request
  • Ensure no errors or warnings on the browser console
  • Avoid additional major pushes after approval (if necessary, request a new review)

<ds-header></ds-header>

<ds-intro-section id="intro-section"></ds-intro-section>
Copy link
Contributor Author

Choose a reason for hiding this comment

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

요 ID는 참조하는 곳이 없는 것 같아서 제거했는데 혹시 제가 실수한 거면 알려주세요.

Copy link
Contributor

Choose a reason for hiding this comment

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

현재는 사용하는 곳이 없네요! 정리 감사합니다!

@@ -76,34 +76,34 @@ class LanguageSection extends HTMLElement {
}
}

::slotted([slot="mobile-image"]) {
#mobile-image {
Copy link
Contributor Author

@DaleSeo DaleSeo Sep 6, 2024

Choose a reason for hiding this comment

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

slot 속성 선택자를 더 이상 쓸 수 없어서, 그냥 아이디 선택자를 사용하였습니다.

@DaleSeo DaleSeo marked this pull request as ready for review September 6, 2024 23:44
@DaleSeo DaleSeo requested a review from a team as a code owner September 6, 2024 23:44
Copy link
Contributor

@SamTheKorean SamTheKorean left a comment

Choose a reason for hiding this comment

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

깔끔한 정리와 친절한 설명 덕분에 리뷰가 편했습니다 ㅎㅎ 감사합니다!

<ds-header></ds-header>

<ds-intro-section id="intro-section"></ds-intro-section>
Copy link
Contributor

Choose a reason for hiding this comment

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

현재는 사용하는 곳이 없네요! 정리 감사합니다!

@DaleSeo DaleSeo merged commit 9ea28b5 into main Sep 9, 2024
1 check passed
@DaleSeo DaleSeo deleted the redesign-rest-of-sections branch September 9, 2024 23:25
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