input UI 쪽에서 button 지우고 span에 awesome font icon 집어넣으면
input box 는 보이는데 icon 들어간 버튼은 보이지않습니다.
CDN을 다른걸 가져왔는 확인했는데 뜨운 상태에서 개발자 도구 Elements에는 icon code 가 보입니다.
혹시 버전이 바뀌어선가 생각했는데 그건 혼자 확일을 못했습니다.
아래 TodoInput.vue 에 template와 style을 우선 캡쳐는 해봤습니다.
elements와
현재 npm 버전은 6.14.8 이고&nbsp; &nbsp;node 는&nbsp; 12.19.0 LTS&nbsp; &nbsp;, Vue-Cli 는 4.5.8 입니다.
<img src="https://cdn.inflearn.com/public/files/posts/c701095c-c219-4903-b8ba-d10ae3f13a76/캡처77.PNG" title="캡처77.PNG" width="379" height="106" alt="" /> &nbsp;<img src="https://cdn.inflearn.com/public/files/posts/db18570c-1e55-4eba-a774-4b5a9687b884/캡처75.PNG" title="캡처75.PNG" width="328" height="134" alt="" />
<img src="https://cdn.inflearn.com/public/files/posts/faa7f438-364c-4153-9d84-7fb04b15e0b2/캡처74.PNG" title="캡처74.PNG" width="893" height="92" alt="" />
<img src="https://cdn.inflearn.com/public/files/posts/55c966e7-6ece-4de9-8c7d-8d1cc63f54d7/캡처72.PNG" title="캡처72.PNG" width="875" height="231" alt="" />
<img src="https://cdn.inflearn.com/public/files/posts/df990aa3-2929-411c-97ca-14260de7912c/캡처73.PNG" title="캡처73.PNG" width="541" height="540" alt="" />

안녕하세요 nicolas님, 강의를 촬영했을 당시의 폰트 어썸 아이콘 버전과 현재 버전이 맞지 않아 제대로 아이콘이 표기가 안되는 것 같습니다. 아래 링크로 최신 버전 설치해주시고, "+" 아이콘 클래스도 다시 적용해 보시면 좋을 것 같아요 :)
<ul>
<li><a href="https://fontawesome.com/how-to-use/customizing-wordpress/snippets/setup-cdn-webfont#load-all-styles" target="_blank" rel="noopener noreferrer">폰트 어썸 아이콘 스타일시트 CDN</a></li>
<li><a href="https://fontawesome.com/icons/plus?style=solid" target="_blank" rel="noopener noreferrer">플러스 아이콘 안내 페이지</a></li>
</ul>

인프런 커뮤니티 질문&답변

Input UI 스타일링 부분에서 icon 버튼이 뜨지 않습니다.