inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

TodoInput 컴포넌트 코드 정리 및 UI 스타일링

i 태그가 무슨수를써도 뜨지 않습니다.

283

낄낄이드래곤

작성한 질문수 9

2

버전을 변경해도 뜨지 않네요 ㅠㅜ

cdn 방식으로 cli에서 적용이 안되는걸까요..? 

다른 프로젝트에서 사용하던 링크를 그대로 붙여넣어도 작동하지 않습니다..

$ npm i --save @fortawesome/fontawesome-svg-core
$ npm i --save @fortawesome/free-solid-svg-icons 
$ npm i --save @fortawesome/free-brands-svg-icons
$ npm i --save @fortawesome/vue-fontawesome

// main.js

import { library } from '@fortawesome/fontawesome-svg-core'
import { faPlus } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
library.add(faPlus)
Vue.component('font-awesome-icon'FontAwesomeIcon)

//TodoInput.vue

  <font-awesome-icon icon="plus" />

이 방식으로 해결하긴 했습니다만 한번 확인부탁드립니다 ㅠㅠ

vuex es6 javascript vuejs

답변 1

0

캡틴판교

안녕하세요 경희대 한남만렙님, 제가 답변이 조금 늦었네요 :) font awesome 버전이 올라가서 아마 잘 안되셨던 것 같아요. CDN 링크는 아래로 대체하시고 아이콘 태그 값은 공식 문서에서 안내하는 대로 넣어보시면 좋을 것 같습니다.

<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>

아이콘 공식 가이드 

Chrome 개발자 모드 확장이 안됨

0

253

1

깃 권한 요청드립니다

0

118

1

vue.js 중급 리포지토리 권한 관련

0

118

1

vuex + axios 질문 있습니다!

1

198

2

깃 권한 요청드립니다!

0

161

1

강의 깃주소 문의

0

142

1

router-view에 props를 어떻게 넘길 수 있나요?

1

278

2

Vue가 인식되지 않는 현상

0

205

1

기초강좌는 어디있나요?

1

190

2

App.vue가 필요한 이유

0

192

1

getter가 정의되어 있지 않아 오류가 발생합니다.

1

253

1

뷰 라이프사이클

1

187

1

TSLint 말고 TSLint Vue 설치해도 되나요?

1

367

3

로컬 스토리지는 어디에 있나요?

1

279

1

vuex 실행시 새로고침해야지만 리스트에 나타나는 현상

1

387

2

export default 관련한 질문

0

354

2

깃허브 vue-todo 접근불가에 따른 확인요청

1

354

2

깃허브에 문제있는것 같습니다.

1

273

2

인프런 강의 재생 화면 구성 변경 문의드립니다

1

303

2

addTodo Helper 함수 적용

1

242

1

vuex 헬퍼 전역 설정

1

244

2

github 권한요청드립니다.

1

255

2

이벤트 위치에 대한 궁금증 입니다.

1

222

2

구조 차이에 대한 문의

1

343

2