AS-IS

input 태그의 테두리가 보이고, input 태그와 돋보기 아이콘이 붙어있음

TO-BE

주어진 UI의 형태와 같이 정리

AS-IS

아무 효과 없이 클릭 했을 때 해당 직업의 세부 정보를 불러옴

TO-BE

클릭해서 세부 정보를 불러올 때 요구사항에 주어진 것과 같이 펼쳐지는 효과 적용

AS-IS

변수명이 알아보기 힘들게 되어 있음

styled 변수로 인해 코드 가독성이 좋지 않음

TO-BE

용도를 알 수 있는 변수 이름으로 수정(겹치지 않게)

styled 코드 묶어서 분할하는 방식으로 정리 -> 아이디어 필요

AS-IS

CardHeader의 구성 요소들이 space-around가 제대로 적용되지 않는 문제

TO-BE

space-around가 제대로 적용되도록.

문제 원인 추정 : width가 제대로 지정되어 있지 않기 때문 ?