Gmmq 690 style: 메인 페이지 UI 리터칭 #242
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
backward99
approved these changes
Nov 29, 2023
Comment on lines
+207
to
+208
| {positions.slice(MAX_LABELS_TO_DISPLAY).map((position) => ( | ||
| <Label |
There was a problem hiding this comment.
positions를 직접 자르는것 보다 splice를 사용하는 것도 좋아보여요!
There was a problem hiding this comment.
splice를 사용하면 원본 배열을 건드는 것으로 알고 있어서 slice를 사용했습니다.
혹시나 같은 컴포넌트에서 positions를 사용할 일이 있을 수도 있으니 허허... :)
…-690-style/Main-page-ui-redesign
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.
💻 스크린샷 (선택사항)
[메인 페이지 리터치]
📃 PR 설명
캐치프레이즈
이력서를 작성하는 당신에게는, 최대한의 많은 피드백이 필요합니다.에서커리어를 시작하는 당신의 이력서에는 최대한 많은 피드백이 필요합니다.로 수정했습니다.안내사항
안내사항 탭이 추가되었습니다. 데이터는 목업 데이터가 들어가 있어요.
UI적인 요소로만 존재합니다. 추후 기능을 추가해봐도 괜찮을 것 같아요.
상세 페이지 없이 한 줄로만 안내사항을 알려주는 한 줄 알림 컨셉입니다.
이벤트 그리드 아이템
디자인이 전체적으로 수정되었습니다.
차크라UI의 Card 컴포넌트를 사용했고, Tooltip으로 대부분의 데이터 항목 전체 길이를 확인할 수 있습니다.
썸네일 이미지
포토샵으로 썸네일 이미지 6종 (프론트, 백, 풀스택, 데브옵스, 모바일, 머신러닝/인공지능)을 assets에 추가했습니다.
📃 참고사항
🔎 PR포인트 및 궁금한 점