Refactoring : Image > svg로 교체

[guesung]

💡 왜 PR을 올렸나요?

• 신규 피처
• close [Feature] Image > svg 교체 #53

💁 무엇이 어떻게 바뀌나요?

1. sprite를 이용하여 기존 Image태그에서 svg파일로 교체하였습니다.
   기존 Next/Image태그는 서버에 저장해둔 assets을 네트워크에서 불러와야했습니다. 로컬에서 가지고 있지 않고, 네트워크를 통해서 불러왔기에 속도가 다소 느렸습니다. 이에 따라 svg파일로 교체를 하고, sprite 라이브러리를 설치하였습니다.
   앞으로 svg파일을 추가하려면
2. public>sprite>icons에 svg파일을 추가
3. 터미널에 $yarn make-sprite를 치면
   public>sprite>sprite.svg에 자동으로 추가가 됩니다.

사용법은 다음과 같습니다.

<Icon id='icon-name' />

📆 작업 예정인 것이 있나요 ?

💬 리뷰어분들께

[seondal]

에셋 전부 바꾸는거라 꽤 복잡한 작업이였는데 대규모 리팩토링 수고하셨어요 ㅎㅎ
리뷰 남긴 이슈사항만 확인해주심 감사하겠습니다~!

[guesung]

리뷰 사항 수정완료했습니다 !

11bf8c7

close아이콘만 이상하게 sprite를 적용하면 fill이 흰색이 적용이 안되네요 ㅜㅜ 이 부분 제외하고 전부 Image > svg로 교체했습니다

[seondal]

확실히 속도가 빨라진게 느껴지네요 😆 짱! 수고하셨습니다