inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)

🎉 Dark Mode 기능 만들기 🎉

fontawsome 사용법

250

onetaekoh

작성한 질문수 1

0

 아이콘을 사용하려는데 어려움이 있어서 질문드립니다.

<quasar.config.js>

    extras: [
      'fontawesome-v6',
      'material-icons',
    ],

위와같이 설정하면 2가지 아이콘을 사용할 수 있다고 말씀하셨는데 material-icons 는 잘 설정이 되는데 fontawesom-v6 아이콘을 사용이 되지 않더라고요
개발자 도구로 들어가서 elements 를 확인해보니

class로 material-icons 가들어가있더라고요ㅠㅠ

<q-btn
            round
            dense
            flat
            color="white"
            icon="fa-github"
            type="a"
            href="https://github.com/onetaek/quasar-project"
            target="_blank"
          >

vue코드를 위와습니다.

vue.js quasar

답변 1

0

짐코딩

안녕하세요 🙂

아이콘을 아래와 같이 설정해 보시겠어요?

<q-btn round color="primary" icon="fa-brands fa-github" />

참고링크 : https://fontawesome.com/icons/github?f=brands&s=solid

ComboBox 관련해서 질문 드립니다.

0

68

2

<g-page class="q-pa-xl"> 했는데도 여백 안생김

0

83

2

quasar intellisense extension 관련 문의

0

262

2

q-tab 오류 문의

0

238

1

q-upload 문의 드립니다.

0

489

1

q-input과 :rules 속성을 함께 쓸때, items-center 속성이 이상한 현상

0

309

1

Key값으로 Object 사용가능할까요?

0

229

1

npm run build 시 오류 발생합니다

0

458

1

Quasar 관련 익스텐션

0

216

1

VUE를 이용해서 프로그램 파일을 실행할수 있을까요?

0

410

1

q-input 태그 내용사라짐

0

272

1

q-input 컴포넌트 질문

0

466

1

버튼이 마음대로 크기가 바뀌어요

0

655

1

다크 모드 처리 관련하여 질문드립니다.

0

531

1

script setup 태그 유무에 따라서 페이지 출력이 안됩니다.

0

541

3

vue3 composition api (script setup) 사용 시 전역변수 접근

0

1439

1

한글 실시간 바인딩

2

2530

2

vue3 composition Api 사용시 setup 내부에서도 /src/boot에 설정한 constatns.js 값을 가져올수 있나요?

0

396

1

router.push로 이동 시, 유튜브 페이지의 컨텐츠 영역 안보이는 현상

0

463

1

validation

0

365

1

CORS 설정

0

602

1

질문 있습니다

0

331

1

Helper Classes

0

308

1

Quasar 내장 컴포넌트 색 질문입니다.

0

441

1