Code

[페이먼츠 미션 Step 2] 가브리엘(윤주현) 미션 제출합니다.#254

Code

Merged

HyeonaKwon merged 185 commits intowoowacourse:gabrielyoon7woowacourse/react-payments:gabrielyoon7from gabrielyoon7:step2gabrielyoon7/react-payments:step2Copy head branch name to clipboardMay 2, 2023

+2,360-1,204

Commits

Commits on Apr 18, 2023

• chore: CRA typescript 설치

  Show description for 9f99ee3
  

  gabrielyoon7

  and

  nlom0218

  committed
  9f99ee3

• chore: 불필요한 파일 제거

  gabrielyoon7

  committed
  a4d1321

• chore: eslint & prettier 설치

  Show description for e89a926
  

  gabrielyoon7

  and

  nlom0218

  committed
  e89a926

• chore: storybook 설정

  gabrielyoon7

  committed
  9e6732c

• docs: 요구사항 작성

  Show description for ecfc679
  

  gabrielyoon7

  and

  nlom0218

  committed
  ecfc679

• chore: 폴더 구조 구축

  gabrielyoon7

  committed
  c670612

• chore: eslint-typescript 추가 및 설정 수정

  gabrielyoon7

  committed
  ddac76c

Commits on Apr 19, 2023

• fix: prop-types dependencies 위치 수정

  Show description for db877ff
  

  gabrielyoon7

  and

  nlom0218

  committed
  db877ff

• chore: ruies 수정

  gabrielyoon7

  committed
  5e4fcc5

• chore: 불필요한 파일 제거

  gabrielyoon7

  committed
  b1c1737

• chore: react-docgen-typescript-plugin 설치

  gabrielyoon7

  committed
  7d04d05

• chore: styled-component 설치

  gabrielyoon7

  committed
  6376747

• chore: eslint 룰 추가

  gabrielyoon7

  committed
  cd1685e

• docs: 참고 컨벤션 추가

  gabrielyoon7

  committed
  538b93b

• feat: 카드 컴포넌트 스타일 적용

  gabrielyoon7

  committed
  7be3e34

• feat: 카드번호 가리는 기능 구현

  gabrielyoon7

  committed
  dfcb942

• feat: 신용 카드 완성

  Show description for bf36cf1
  

  gabrielyoon7

  and

  nlom0218

  committed
  bf36cf1

• feat: 인풋 컴포넌트 구현 FullWidthInput 생성

  gabrielyoon7

  committed
  d891968

• test: 인풋 테스트 구현

  gabrielyoon7

  committed
  306609f

• chore: react-router-dom 설치

  Show description for 49a0dea
  

  gabrielyoon7

  and

  nlom0218

  committed
  49a0dea

• feat: page 뼈대 작성

  Show description for 735b909
  

  gabrielyoon7

  and

  nlom0218

  committed
  735b909

• feat: 전역 스타일 시트 적용

  gabrielyoon7

  committed
  af6f162

• feat: 전역 스타일 추가

  gabrielyoon7

  committed
  aae43b4

• feat: 홈 스타일 적용

  gabrielyoon7

  committed
  5872530

• feat: 카드 등록 페이지 스타일 적용

  gabrielyoon7

  committed
  899d6b6

• feat: 폼 데이터 입력을 상태로 관리하는 기능 추가

  gabrielyoon7

  committed
  ecbec3d

• feat: 폼을 입력하기 전에 버튼 비활성화 기능 구현

  gabrielyoon7

  committed
  4759f5a

• fix: 카드 컴포넌트의 간격 오류 수정

  gabrielyoon7

  committed
  1e24cae

• chore: eslint 룰 추가

  gabrielyoon7

  committed
  fd315c6

• feat: placeholder 구현

  gabrielyoon7

  committed
  1170b91

Commits on Apr 20, 2023

• feat: 카드번호 input 창 보안 처리(숨기기) 구현

  Show description for d4a41a4
  

  gabrielyoon7

  and

  nlom0218

  committed
  d4a41a4

• chore: gh-pages 설치 및 설정

  gabrielyoon7

  committed
  013e0a7

• fix: 입력창 투명도 수정

  gabrielyoon7

  committed
  ad99e45

• feat: 카드 만료일이 4자리를 초과하지 못하는 기능 구현

  Show description for 9160a00
  

  gabrielyoon7

  and

  nlom0218

  committed
  9160a00

• feat: 카드 소유자 이름을 30자 이상 입력하지 못하도록 구현

  gabrielyoon7

  committed
  79b26a6

• feat: 입력 폼 디자인 및 검사 개선

  gabrielyoon7

  committed
  d4ebfec

• feat: CSS 개선 (커서 추가 등)

  Show description for 981a756
  

  gabrielyoon7

  and

  nlom0218

  committed
  981a756

• feat: 등록버튼을 누르는 경우 신용카드 객체 생성 후, 홈으로 이동하는 기능 구현

  gabrielyoon7

  committed
  9211a16

• feat: 로컬 스토리지 저장 및 추가된 카드 목록 그리기 구현

  gabrielyoon7

  committed
  e6170b5

• chore: gh-pages 배포 시 접근 오류 수정

  Show description for 31bcb04
  

  gabrielyoon7

  and

  nlom0218

  committed
  31bcb04

• fix: 배포 시 발생하는 버그 수정

  gabrielyoon7

  committed
  d417697

• fix: 배포 시 발생하는 버그 수정

  gabrielyoon7

  committed
  9d98df5

• docs: 요구사항 문서 최신화

  Show description for 2a147f0
  

  gabrielyoon7

  and

  nlom0218

  committed
  2a147f0

• chore: 불필요한 파일 제거

  Show description for 365d38a
  

  gabrielyoon7

  and

  nlom0218

  committed
  365d38a

• fix: hidden input 디자인 버그 수정

  Show description for 5db65a0
  

  gabrielyoon7

  and

  nlom0218

  committed
  5db65a0

• refactor: 도메인 함수 분리

  gabrielyoon7

  committed
  ca9b6d1

• refactor: 도메인 함수 분리

  gabrielyoon7

  committed
  b3185d4

• refactor: 카드 등록 페이지 컴포넌트 분리

  gabrielyoon7

  committed
  765ccfe

• refactor: 카드 등록 페이지 컴포넌트 분리

  gabrielyoon7

  committed
  d17a47d

• refactor: 카드 등록 페이지 컴포넌트 분리

  gabrielyoon7

  committed
  5e0e77a

• refactor: 카드 등록 페이지 컴포넌트 분리

  gabrielyoon7

  committed
  ba77103

• style: 컴포넌트 속성 정리

  gabrielyoon7

  committed
  512889b

• refactor: 카드 등록 페이지 컴포넌트 분리

  gabrielyoon7

  committed
  deddffc

• refactor: 카드 등록 페이지 컴포넌트 분리

  gabrielyoon7

  committed
  b5d2639

• fix: 스토리북 경로 버그 수정

  gabrielyoon7

  committed
  84d8418

• docs: 리드미 수정

  gabrielyoon7

  committed
  9b9d45f

• Update README.md

  gabrielyoon7

  authored
  dd98725

• feat: CVC 안내 문구 추가

  gabrielyoon7

  committed
  05c5ca5

• feat: 유효성 검사 구현

  gabrielyoon7

  committed
  56221f6

• feat: 카드번호 유효선 검사 기능 구현

  gabrielyoon7

  committed
  63b075a

• feat: 카드 번호 에러 표시

  gabrielyoon7

  committed
  ea81e55

• feat: 만료일 유효성 검사 구현

  gabrielyoon7

  committed
  5546929

• feat: 만료일 유효성 검사 구현

  gabrielyoon7

  committed
  b9f8f79

• feat: CVC/CVV 유효성 검사 구현

  gabrielyoon7

  committed
  f355a9b

• feat: 비밀번호 유효성 검사 구현

  gabrielyoon7

  committed
  3e1c588

• refactor: 불필요한 코드 제거

  gabrielyoon7

  committed
  4b376dc

Commits on Apr 23, 2023

• refactor: 파일 구조 개선

  gabrielyoon7

  committed
  72dfe8d

• refactor: 파일 구조 개선

  gabrielyoon7

  committed
  4bb6e71

• chore: github page 자동 배포 설정 추가

  gabrielyoon7

  committed
  ae09100

• fix: github page 자동 배포 설정 수정

  gabrielyoon7

  committed
  1d68f10

• fix: github page 자동 배포 설정 수정

  gabrielyoon7

  committed
  f11ad24

• fix: github page 자동 배포 설정 수정

  gabrielyoon7

  committed
  cdaf1b9

• fix: github page 자동 배포 설정 수정

  gabrielyoon7

  committed
  8bbe2b0

• fix: 오탈자 수정

  gabrielyoon7

  committed
  e7dd962

• fix: 오탈자 수정

  gabrielyoon7

  committed
  2e3934c

• refactor: 혼동을 주는 네이밍 개선

  gabrielyoon7

  committed
  aefa603

• refactor: 삼항연산자에 따른 css 속성 결정 개선

  gabrielyoon7

  committed
  5696b53

• fix: 오탈자 수정

  gabrielyoon7

  committed
  dff32dd

• refactor: InputProps 개선

  Show description for de80d7f
  gabrielyoon7

  committed
  de80d7f

• refactor: 카드 번호 암호화 로직 개선

  gabrielyoon7

  committed
  200f003

• refactor: 입력 에러 검사 로직 개선

  gabrielyoon7

  committed
  c74fece

• refactor: 입력 에러 검사 로직 개선

  gabrielyoon7

  committed
  fbd185c

• fix: 오탈자 수정

  gabrielyoon7

  committed
  c4d5148

• refactor: 입력 에러 검사 로직 개선

  gabrielyoon7

  committed
  d917df4

• refactor: name 속성을 이용한 input 컴포넌트 구분

  gabrielyoon7

  committed
  eaa35ed

• refactor: 검사 로직을 함수화

  gabrielyoon7

  committed
  baf39e3

Commits on Apr 24, 2023

• refactor: 잘못된 컴포넌트 명 개선

  gabrielyoon7

  committed
  cf9fc77

• refactor: 카드 등록 에러 검사 로직 개선

  gabrielyoon7

  committed
  d1b1439

• chore: devDependencies 이전

  gabrielyoon7

  committed
  09b0b17

• refactor: input을 관리하는 상태 통합

  gabrielyoon7

  committed
  c4e8892

• refactor: 카드 만료일 표시/저장 로직 개선

  gabrielyoon7

  committed
  7bf2887

• fix: 만료일 유효성 검사 복구

  gabrielyoon7

  committed
  9019c78

• refactor: 검증 로직 모듈화

  gabrielyoon7

  committed
  f7c7608

• fix: 비밀번호에 문자가 들어가던 현상 수정

  gabrielyoon7

  committed
  b4e4d81

• refactor: 카드리스트 관리용 커스텀 훅 도입

  gabrielyoon7

  committed
  84a68ab

• refactor: 좀 더 안전한 name 타입으로 개선

  gabrielyoon7

  committed
  ad8a69f

• refactor: 불필요한 주석 제거 등

  gabrielyoon7

  committed
  4dc354a

• refactor: 표시용 input 태그를 p 태그로 변경

  gabrielyoon7

  committed
  b03b310

• style: 코드 스타일 개선

  gabrielyoon7

  committed
  e9e65be

• feat: input에 포커스될 때 테두리 색이 변하는 기능 구현

  gabrielyoon7

  committed
  98c5627

• fix: form에 맞는 버튼 속성으로 변경

  gabrielyoon7

  committed
  cb4f487

• fix: 카드 입력 시 불필요한 드래그 및 중간 수정이 가능하던 문제를 수정

  gabrielyoon7

  committed
  1a5fe3d

Commits on Apr 25, 2023

• chore: git page 자동 배포 설정 수정

  gabrielyoon7

  committed
  50949ca

• feat: 카드 등록 페이지 진입 시 카드사 선택 모달이 자동으로 뜨도록 구현

  gabrielyoon7

  committed
  422ffeb

• chore: 카드 이미지 추가

  gabrielyoon7

  committed
  d95ad17

• feat: 카드 등록창 진입 시 모달이 뜨는 기능 구현

  gabrielyoon7

  committed
  d53a34d

Commits on Apr 26, 2023

• feat: 원하는 컨텐츠를 모달에 넣는 기능 구현

  gabrielyoon7

  committed
  4c2f035

• refactor: 모달을 컨텍스트가 아닌 상태가 관리하도록 기능 변경

  gabrielyoon7

  committed
  1f3d0a0

• refactor: 불필요한 코드 제거

  gabrielyoon7

  committed
  e653a9b

• feat: 카드 선택창 추가

  gabrielyoon7

  committed
  fb98935

• feat: 신용카드의 모형에 카드사가 표시되는 기능 구현

  gabrielyoon7

  committed
  69e997e

• feat: 카드사 선택하는 기능 구현

  gabrielyoon7

  committed
  f540744

Commits on Apr 27, 2023

• feat: 카드 사에 따라 카드 테마를 적용하는 기능 구현

  gabrielyoon7

  committed
  f2c52e2

• refactor: 신규 카드 객체를 컨텍스트로 관리 하도록 개선

  gabrielyoon7

  committed
  3d7192b

• refactor: 유효성 검증 파일 이동

  gabrielyoon7

  committed
  a3837ef

• refactor: 모달 스타일 코드 위치 변경

  gabrielyoon7

  committed
  6ee5440

• refactor: 타입 개선

  gabrielyoon7

  committed
  1c1db11

• refactor: 타입 개선

  gabrielyoon7

  committed
  5d3194e

• refactor: 파일명 개선

  gabrielyoon7

  committed
  3447d5a

• refactor: useCreditCard 구현

  gabrielyoon7

  committed
  fd2f768

• refactor: useCreditCard -> useCreditCardForm으로 파일명 변경

  gabrielyoon7

  committed
  eb9cf9d

• refactor: useCreditCardForm의 상태명 변경

  gabrielyoon7

  committed
  5deb1ac

• fix: 신용카드 미리보기의 유효기간에서 /가 빠지는 문제 해결

  gabrielyoon7

  committed
  c893699

• fix: 카드 등록 후, 다시 페이지에 진입하면 기존 값이 남아있는 문제 해결

  gabrielyoon7

  committed
  31ac881

• refactor: 다음/완료 버튼 컴포넌트화

  gabrielyoon7

  committed
  012245d

• feat: 카드 등록 완료 페이지 추가

  gabrielyoon7

  committed
  320f57d

• feat: 카드 등록 이후, 빈 카드 컴포넌트가 출력되는 기능 구현

  gabrielyoon7

  committed
  5449ed3

• feat: 카드 번호를 사용하여 별칭 수정 칸에 어떤 카드를 입력할지 불러오는 기능 구현

  gabrielyoon7

  committed
  04a67d0

Commits on Apr 28, 2023

• chore: hook testing library 설치

  gabrielyoon7

  committed
  8bdee3e

• fix: 잘못된 파일 이름 수정

  gabrielyoon7

  committed
  e8a59f9

• fix: 잘못된 파일 이름 수정

  gabrielyoon7

  committed
  62279ea

• test: 커스텀 훅 테스트 코드 추가

  gabrielyoon7

  committed
  6554b47

• feat: 마지막 등록 카드가 새 페이지에 연동이 되지 않는 문제 수정

  gabrielyoon7

  committed
  1b1e70e

• refactor: 공통 레이아웃 컴포넌트화

  gabrielyoon7

  committed
  2599008

• feat: FlexBox를 활용한 컴포넌트 정렬 기능 구현

  gabrielyoon7

  committed
  d2ad049

• refactor: Box 컴포넌트 분리

  gabrielyoon7

  committed
  e52425e

• refactor: Box 컴포넌트가 간격 조절을 할 수 있는 기능 구현

  gabrielyoon7

  committed
  3673af0

• feat: FlexBox 방향 추가 및 불필요한 컴포넌트 제거

  gabrielyoon7

  committed
  f5a1d67

• feat: 별명 입력 값을 상태로 관리하는 기능 구현

  gabrielyoon7

  committed
  b685870

• feat: 닉네임 인풋 창 디자인 개선

  gabrielyoon7

  committed
  dbb3fa1

• feat: 닉네임을 저장하는 기능 구현

  gabrielyoon7

  committed
  7bbccf1

• feat: 카드 별명 출력하는 기능 구현

  gabrielyoon7

  committed
  5d57658

• refactor: useSyncExternalStore를 활용한 신용카드 목록 전역 상태 관리 구현

  gabrielyoon7

  committed
  ce51fbf

• feat: useSyncExternalStore에서 다뤄진 데이터가 로컬스토리지와 연동되도록 개선

  gabrielyoon7

  committed
  ad55356

• fix: 카드 색상이 원색으로 출력되는 문제 해결

  gabrielyoon7

  committed
  94eec67

• style: 오탈자 수정

  gabrielyoon7

  committed
  668e2d7

• refactor: 비밀번호 구조를 nested 객체에서 배열로 변경

  gabrielyoon7

  committed
  c43f558

• fix: 비밀번호 수정이 안되는 버그 수정

  gabrielyoon7

  committed
  e499087

• fix: 카드 추가 등록 시 비밀번호가 초기화 되지 않는 문제 수정

  gabrielyoon7

  committed
  c82d47b

• fix: 신용카드 등록 검사 로직이 제대로 동작하지 않는 문제 수정

  gabrielyoon7

  committed
  50f69f5

• style: 불필요한 출력 코드 제거 및 간격 조정

  gabrielyoon7

  committed
  5932f27

• docs: 요구사항 문서 최신화

  gabrielyoon7

  committed
  f4edcd0

• Update README.md

  gabrielyoon7

  authored
  4e6a282

• docs: 2단계 요구사항 최신화

  gabrielyoon7

  committed
  992be73

• Merge branch 'gabrielyoon7' into step2

  gabrielyoon7

  authored
  5f58a43

• fix: merge 오류 수정

  gabrielyoon7

  committed
  9e05514

Commits on May 1, 2023

• refactor: Box 제거

  gabrielyoon7

  committed
  b58ec8b

• refactor: Box 제거

  gabrielyoon7

  committed
  cabd406

• chore: eslint 설정 수정

  gabrielyoon7

  committed
  59d5dc9

• refactor: Box 제거

  gabrielyoon7

  committed
  951d428

• fix: Box 제거로 인해 생긴 간격 버그 수정

  gabrielyoon7

  committed
  ec4b493

• refactor: Box 컴포넌트 완전 제거

  gabrielyoon7

  committed
  c66661a

• refactor: import React from 'react' 제거

  gabrielyoon7

  committed
  c206b31

• refactor: 버튼의 기본 속성으로 HTMLAttribute<HTMLButtonElement> 추가

  gabrielyoon7

  committed
  8cf4598

• refactor: ControlButton 구조 개선

  gabrielyoon7

  committed
  df450fc

• refactor: border-width 표기법 개선

  gabrielyoon7

  committed
  c727fe6

• refactor: 타입 호출명 통일

  gabrielyoon7

  committed
  226b2eb

• refactor: 타입 호출명 개선

  gabrielyoon7

  committed
  267ac6a

• refactor: CreditCardRegisterDone 구조 개선

  gabrielyoon7

  committed
  7d61b5f

• refactor: CreditCardRegisterDone 구조 개선

  gabrielyoon7

  committed
  458ce95

• refactor: 불필요한 export 제거

  gabrielyoon7

  committed
  8bf63a1

• chore: prettier 설치

  gabrielyoon7

  committed
  f4c2599

• chore: prettier 옵션 수정

  gabrielyoon7

  committed
  8e1bb3d

• style: prettier 전체 적용

  gabrielyoon7

  committed
  c1d3341

• fix: 자동 배포 오류 수정 시도

  gabrielyoon7

  committed
  ffe8595

• style: eslint 적용

  gabrielyoon7

  committed
  3a17fb2

• refactor: PropsWithChildren 제거

  gabrielyoon7

  committed
  8099fce

• refactor: 모달 백드롭 닫는 코드 단순화

  gabrielyoon7

  committed
  74bc39a

• fix: 잘못된 오류 검촐 로직 개선

  gabrielyoon7

  committed
  503194f

• refactor: useCreditCardForm 구조 개선

  gabrielyoon7

  committed
  ccd61ad

• refactor: 폼의 비즈니스 로직을 useCreditCardForm으로 이전

  gabrielyoon7

  committed
  c0b8b09

• feat: 카드사 변경 버튼 구현

  gabrielyoon7

  committed
  5aefdfd

Commits on May 2, 2023

• refactor: useSyncExternalStore 제거

  gabrielyoon7

  committed
  7ec7f52

• style: prettier 적용

  gabrielyoon7

  committed
  3ee19c0

• fix: prettier로 인해 배포가 제대로 되지 않는 문제 수정

  gabrielyoon7

  committed
  a39a50a