별도의 아이콘 컴포넌트로 분리하기

문제 상황 

회원가입 파일에서 아이콘을 가져오는 코드만 6줄이 된다. 

코드 가독성을 해친다는 생각을 했다. 

이를 해결하기 위해  아이콘을 별도의 컴포넌트로 분리하기로 했다. 

 

아이콘 컴포넌트로 분리

아이콘 컴포넌트를 아래와 같이 작성했다. 

해당 파일에는 아이콘 관련 코드를 모아둘 것이다. 

 

 

그러면 회원가입 파일에서는, 

어떤 아이콘 관련 코드 없이, 적합한 아이콘을 불러올 수 있게 되었다.