inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Nuxt.js 시작하기

Nuxt에서 jquery를 사용할수 있나요

773

모시개

작성한 질문수 16

1

Nuxt를 이용해서 기 만들어진 홈페이지를 변경할려고 합니다

그중에서 가장 어려운부분은 여러가지 컨텐츠를 불러와서 표현하는 부분인데

  1. 컨텐츠내용이 너무 다양하고 해당컨텐츠 안에 a tag를 이용하여 popup, image를 불러와서 표시 및 file download 기능이 포함되어 있습니다

    componets화 시킬려면 컨텐츠내용이 어느정도 양식화가 되어 있어야 하는데 그러하지를 못해 v-html 명령어로 기존의 컨텐츠를 불러와서 표시를 하니 정상입니다

    하지만 표시된 화면에서 a tag event control 즉 특정 단어 또는 버튼을 클릭하면 popup표시를 jquery로 만들었는데 이게 동작이 불안정 합니다

  2. Nuxt에서 jquery를 사용하기 위해 npm install jqury 를 하여 사용해보았으나 일부는 동작을 하고 일부는 동작을 하지 않코 어떤날은 전부가 동작하고 어떤날은 아에 동작을 하지 않고 있습니다

방법이 있나요 ?

vuejs nuxtjs ssr

답변 1

0

캡틴판교

안녕하세요, Nuxt에서 jQuery를 사용하시려면 Vue.js와 jQuery의 DOM 조작 방식의 차이점을 알고 계셔야 합니다. Virtual DOM이라는 개념도 나오고 Vue.js의 라이프 사이클 훅이라는 개념도 알고 계셔야 해서... 여기서 설명해 드리기에는 너무 방대한 내용일 것 같아요.

아래 문서들 참고해 보시는게 좋을 것 같습니다.

https://joshua1988.github.io/vue-camp/legacy/jquery-to-vue.html

https://v2.vuejs.org/v2/guide/reactivity.html#ad

판교님, 50% 학생 할인 쿠폰

0

150

2

캡틴님 커리어 질문 있습니다

0

84

1

nuxt 최신버전 설치 후 layouts 없어서 직접 폴더 생성 후 문제

1

358

1

vue나 nuxt 새로운 강의는 출시 예정이 없으실까요?

0

194

1

24년 강의를 들으면서 에러나는 부분 정리

2

348

2

공식홈페이지에 설치방법이 바뀐거같아요

1

411

3

layouts폴더와 default.vue에대해서 궁금한 점 있습니다!

1

385

2

자료가 없습니다.

1

289

2

에러 페이지 정의 방법 강의 문의

1

340

2

SSG -> SSR 배포 방식 전환

1

531

2

갑자기 화면에 에러가 나오네요..

1

452

2

마지막 강의까지 작성된 코드

1

299

2

JSON Server Operator 링크에 Operator 가 없습니다.

1

227

2

Vue2 EOL 관련해서..

1

465

2

env.baseUrl 문제

1

629

2

블로그 기능 질문입니다!

1

464

3

node 버전 문제 질문입니다.

1

228

1

폴더구조 다른것 안내 부탁드려요

1

460

1

npm run generate 배포

1

685

2

캡틴판교 선생님 너무 궁금해서 질문드립니다 ㅜ

1

332

2

nuxt.config.js 에서 baseurl 지정하는 방법

2

998

1

db.json 안에 이미지 아래 본문 처럼 바꾸면 랜덤으로 나옵니다.

2

617

3

axios 설치 후 새로고침 시 에러 발생할 때 해결 방법 입니다.

2

779

2

SSG 배포가 현재 상품,장바구니에는 맞지 않는 배포방식인거죠?

1

390

2