Javascript139 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. node.js ejs 템플릿 사용시 에러 문구 node.js ejs 템플릿 사용시 에러 문구가 나는때가 있다.이러한 에러문구를 다른 페이지로 대체해주는 방법이 아래의 링크에 나와있다. https://okky.kr/article/370574 그냥 error.ejs 파일만 view 디렉토리 안에 추가해주면 된다.허무하네.. 2019. 3. 25. 이미지를 포함한 form 데이터를 s3에 저장하는 방법 나는 이전에 이미지 저장을 위해서 node.js multer 라이브러리를 써주었었다.하지만 이번에 이미지를 s3로 저장해야하는 방향 전환으로 인해 multer-s3라는 라이브러리를 접하게 되었다. 하지만.. 하지만.. multer-s3는 동작하지 않았고, 우리 회사와 같이 협약을 맺고 있는 업체에게 물어 보았지만 그쪽에서도 안된다고 답변이 올 뿐이었다.결국 나는 multer를 버릴수밖에 없었다.. 그래서 나는 처음으로 돌아와 이미지가 포함된 form 데이터를 어떻게 받을 것인지 생각할 수 밖에 없었고 대안을 찾아냈다.바로 formidable 라이브러리이다.해당 라이브러리를 통해 s3에 이미지를 쉽게 올리는 방법은 아래를 참고하길 바란다.물론 fs 함수를 써서 그냥 로컬로 저장도 된다. https://op.. 2019. 2. 27. 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. nuxt pwa nuxt로 pwa를 구현하고 싶다면 아래의 강의와 모듈을 참고하면 된다. https://scotch.io/tutorials/build-a-progressive-web-application-with-nuxtjs https://pwa.nuxtjs.org/ 2018. 11. 21. 이전 1 2 3 4 5 ··· 16 다음