본문 바로가기

Javascript/Vue.js18

nuxt 가이드북 좋은 nuxt 가이드북을 찾았다. 아래의 링크를 참조바란다. https://vue-nuxt.gitbook.io/nuxt/ Nuxt.js 란? Nuxt.js v2 소개 vue-nuxt.gitbook.io 2019. 6. 14.
nuxt에서 server side 변경시에 hot reloading이 적용이 안 될때 nuxt 템플릿을 받고 실행시키면 개발과정에 있어서 api 코드를 변경했는데도 결과가 반영이 안 될때가 있다. 그럴때는 pakage.json 내의 파일을 손봐주면 되는데, 자세한 사항은 아래의 링크에 모두 나와있다. https://github.com/nuxt-community/express-template/issues/119 hot reloading not work · Issue #119 · nuxt-community/express-template rt, when I excute "npm install", and run dev, It's show But when I change some data, hot reloading not work github.com https://github.com/nuxt/nu.. 2019. 6. 13.
Failed to load gRPC binary module because it was not installed for the current system Expected directory? 가끔 nuxt에서 크게 건드린 것도 없는데 저러한 에러가 뜰 경우가 있는데, 그럴때는 아래의 명령어를 치면 다시 잘 돌아간다. npm rebuild 2019. 5. 30.
nuxt에서 vuetify 사용하기 아래 링크를 보면 설치방법이 잘 나와있다. https://hhhyyeee.wordpress.com/2018/08/02/09-nuxt%EC%97%90%EC%84%9C-vuetify-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0/ (09) Nuxt에서 Vuetify 사용하기 안녕하세요? 오늘은 Nuxt.js 프로젝트에서 Vuetify.js 를 쓰는 방법에 대해 포스팅을 하기로 마음먹었다. 갑자기 왜냐하면 내가 이걸 하는데 굉장히 애를 먹었기 때문이다. 알고보면 정말 너무나 별거 아니지만 그래도 훗날의 나, 혹은 어쩌면 이걸 볼지도 모를 나같은 쌩초보자에게 혹시 도움이 될까 싶어서 글을 쓰기로 했다. 들어가기 전에 Nuxt… hhhyyeee.wordpress.com 2019. 4. 18.
vue에서 가장 사용하기 좋은 editor tiptap 최근 vue를 가지고 에디터를 만들 일이 있어서 가장 좋은 에디터를 찾아보았다.요새 자주 쓰이는게 quill이라는 건데, 최근에는 tiptap을 쓰는걸로 추세가 바뀐다고 한다.아래는 tiptap의 링크이다. https://github.com/scrumpy/tiptap/issues/131 써보니 훨씬 좋다 어떤면에서 좋은가 하니 세밀한 단위까지 옵션을 제공해준다.즉 쉬운 커스텀이 가능하다는 소리이다. 그리고 예제와 같이 돌렸을때 결과가 오류가 나는데,data 의 editor 변수에 바로 선언해 줬을때 오류가 난다.그래서 나는 아래의 링크의 답변을 보고 mounted 영역에 변수를 설정해 줬다. https://github.com/scrumpy/tiptap/issues/131 참고하길 바란다. 2019. 2. 11.
nuxt i18n 적용 vue의 nuxt 프레임워크를 사용했을때 i18n 적용하는 방법이 아래 아주 잘 나와있다.참고하길 바란다. https://medium.com/@allenhwkim/multiple-language-with-nuxt-vuejs-efc3dad45eac 2018. 12. 3.
nuxt에 vue 플러그인을 추가하는 방법 아래의 링크에 잘 나와있다. https://nuxtjs.org/guide/plugins 2018. 11. 27.
nuxt에서 static 파일과 assets 파일의 차이 엄청 자세히는 모르겠지만 핵심은 webpack 모듈로 번들을 해주는 파일(assets)이냐그렇지 않은 파일(static)이냐로 나누어 지는거 같다.아래의 링크를 참고하기 바란다. https://ko.nuxtjs.org/guide/assets/ 2018. 11. 27.
google app engine에 nuxt를 올려보자.ㅅ. 아래의 링크에 nuxt project를 어떻게 google app engine에 올리는지 잘 나와있다.(다른 클라우드 서비스에도 어떻게 올리는지 나와있으니 참고 바란다.) https://nuxtjs.org/faq/appengine-deployment 올리는 과정에서 조금 까다로웠던 점은 두가지 인데,첫번째는 올리는 명령어에서 --project라고 써져 있는 부분이 실제론 --project="project-id" 였던 것이다.(이거 때문에 찾느라 15분은 낭비한거 같다.. 제대로 좀 써주지..) https://cloud.google.com/sdk/gcloud/reference/app/deploy 여튼 그리고 실제 명령어를 쳤을때 아래와 같은 오류가 떴는데, ERROR: gcloud crashed (Unic.. 2018. 11. 24.