[페이먼츠 미션 Step 3] 가브리엘(윤주현) 미션 제출합니다. #291
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
Co-authored-by: noah <nlom0218@users.noreply.github.com>
Co-authored-by: noah <nlom0218@users.noreply.github.com>
Co-authored-by: noah <nlom0218@users.noreply.github.com>
Co-authored-by: noah <nlom0218@users.noreply.github.com>
Co-authored-by: noah <nlom0218@users.noreply.github.com>
Co-authored-by: noah <nlom0218@users.noreply.github.com>
Co-authored-by: noah <nlom0218@users.noreply.github.com>
- CreditCardRegisterLayout를 특정 페이지에만 적용하도록 구조 개선 - 주소 접근 방식 변경
HyeonaKwon
approved these changes
May 8, 2023
There was a problem hiding this comment.
안녕하세요 가브리엘!
오우 이번 미션에서는 별다른 코멘트가 없어서 바로 머지해도 될 것 같네요! 👍👍
스토리북 render, play 나눠서 구현하신 것도 보기 좋았구요. Outlet 사용하신 것도 좋았고 배포된 사이트에서 확인한 로딩화면도 잘 동작하는 것 확인했구요, UX 에 고민하신 것도 보기 좋았습니다! 하나만 추가로 말하자면 isLoading 과 관련해서 React 의 Suspense 에 대해 공부해보시면 좋을 것 같네요!
이제 리액트에 어느정도 감이 오시나요?! 잘 성장하고 계신 것 같아 보기 좋습니다 ㅎㅎ 고생 많으셨습니다!
Comment on lines
+46
to
+49
| if (targetIndex !== -1) { | ||
| copiedCreditCards[targetIndex].nickname = newNickname; | ||
| localStorage.setItem('creditCards', JSON.stringify(copiedCreditCards)); | ||
| } |
| </S.CreditCardNumber> | ||
| <S.CreditCardContainer> | ||
| <S.CreditCardBox>{owner}</S.CreditCardBox> | ||
| <S.CreditCardBox>{markExpiry(expiry)}</S.CreditCardBox> | ||
| <S.CreditCardBox>{(owner !== undefined) && (owner !== '') ? owner : 'WOOWA COURSE'}</S.CreditCardBox> |
There was a problem hiding this comment.
Suggested change
| <S.CreditCardBox>{(owner !== undefined) && (owner !== '') ? owner : 'WOOWA COURSE'}</S.CreditCardBox> | |
| <S.CreditCardBox>{owner || 'WOOWA COURSE'}</S.CreditCardBox> |
요렇게 커버가 안되는 케이스가 있었나요?
There was a problem hiding this comment.
수정해봤는데 동일한 결과가 출력됩니다...! 제안해주신 코드가 훨씬 간결해보이네요
Comment on lines
+55
to
+60
| creditCard={{ | ||
| companyId: creditCardForm.companyId, | ||
| number: creditCardForm.number, | ||
| expiry: creditCardForm.expiry, | ||
| owner: creditCardForm.owner, | ||
| }} |
There was a problem hiding this comment.
Suggested change
| creditCard={{ | |
| companyId: creditCardForm.companyId, | |
| number: creditCardForm.number, | |
| expiry: creditCardForm.expiry, | |
| owner: creditCardForm.owner, | |
| }} | |
| creditCard={...creditCardForm} |
이렇게 해도 되나요?!
There was a problem hiding this comment.
<CreditCard
fullFilled={false}
creditCard={creditCardForm}
/>
이렇게 수정하니깐 동일하게 동작합니다
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.
안녕하세요?
페이먼츠 미션 Step 3 제출하겠습니다!
사실 이번 Step에서는 많은 기능이 들어오거나 완전히 새로운 도전을 해보는 것 보다는 기존 기능을 개선하거나 강화하는데 시간을 많이 들였는데요, 따라서 궁금한 내용보다는 어떤 점이 어떻게 바뀌었는지 위주로 말씀드리겠습니다.
앱 바로 실행하기
스토리북 바로 실행하기
배포한 모달 라이브러리
신규 및 수정된 기능
신용카드 목록 초기화 버튼 추가
카드 조회/등록 기능에 mockAPI 연결
로딩 화면 표시
카드의 정보가 비어있을 때 기본 정보를 출력하도록 기능 추가
프로젝트 구조 일부 개선
모달 관리 주체 변경
기타
스토리북 개선
개발 환경을 vscode에서 webstorm으로 이전하는 과정에서 필수 설정 파일 몇 개가 프로젝트에 추가되었습니다.