[TIL] 01.14 결제 폼 디자인 수정 작업

지금 진행 중인 프로젝트에서 결제 폼 디자인도 바뀌기 때문에 디자이너와 논의 하면서 수정작업을 진행했다. 

디자인 시스템을 차츰 만들고 있는 중이기에 앞으로 쭉 사용이 될건지 통합이 될건지 인자를 어떻게 넘겨 줄건지 등에 대해서 계속 생각을 하면서 작업을 진행을 하였다.

 

• 지금 디자인에서 Input 이 기존 Input과 다르기 때문에 디자이너와 논의 하여 공통된 부분가 차이가 나는 부분을 정리하여 분기처리를 통하여 두가지 Input이 나올 수 있도록 수정함
• 헤더 컴포넌트가 기본적으로 shadow를 가지고 있는데 현재 디자인에서는 shadow가 없기 때문에 디자이너와 논의 하여 기본적으로 shadow를 가지고 있지 않고 shadow 인자를 넘겨주면 shadow가 생기도록 수정을 진행 이미 적용되어 있는 헤더 컴포넌트를 찾아서 전부 다 수정 해줌
• font 크기가 지금 사용하고 있는 크기보다 더 작은 크기들이 추가가 되어서 Paragraph 컴포넌트에서 Variant = 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption1' | 'caption2' | 'caption3'; 위와 같이 추가를 하여 Paragraph 에서 인자를 넘겨 줌으로써 다양한 크기의 폰트가 사용이 될 수 있도록 수정함