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

Ji Hyung Kim님의 프로필 이미지
Ji Hyung Kim

작성한 질문수

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

플러스 아이콘 오류!

작성

·

323

1

안녕하세요! 강의 내용대로, 따라해도 우측의 아이콘 표시가 나오지 않아서.

직접 github으로 코드를 그대로 복사 후 붙이기를 했는데도, 아이콘이 나오지 않아 해결방법을 여쭤봅니다!

답변 4

1

Ji Hyung Kim님의 프로필 이미지
Ji Hyung Kim
질문자

@tkdd2526

바뀐 폰트어썸의 링크를 넣어도 해결이 되지 않아, 코드를 처음부터 다시 살펴본 후

index.html 파일에 잘못 된 폰트어썸을 복사했었습니다!

해당 링크를 복사 후 실행하니, 정상적으로 작동됐습니다.

 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css"
      integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">

0

오 답변 감사합니다!

전 cdn 링크도 문제였지만 addBtn class도 문제였던거 같네요..!

아이콘 잘 보이네요^^

정말 감사해요!

0

안녕하세요! 지형님 혹시 어떻게 해결하셨는지 여쭤봐도 될까요..?

클래스 명이 문제가 아닌거 같네요

0

안녕하세요 지형님, 강좌에서 활용한 어썸 아이콘의 버전 업으로 인해 클래스 명이 조금 바뀐 것 같습니다. 플러스 아이콘은 다음 링크 참고하셔서 클래스 추가해주시면 될 것 같아요..! 감사합니다 :)

https://fontawesome.com/icons/plus?style=solid

Ji Hyung Kim님의 프로필 이미지
Ji Hyung Kim

작성한 질문수

질문하기