Nuxt.js에서 typescript를 사용하여 nuxt-ts를 사용할 경우 router에서 파라미터 하위 페이지에서 파일명이 _id.vue가 됩니다. 이러한 경우에는 파일명이 _id이니 class 명을 _id로 사용하게 되는데, 거기서 다음과 같은 오류가 발생하게 됩니다. [Vue warn]: Invalid component name: "_id". Component names should conform to valid custom element name in html5 specification. 사실 크게 문제되는 경우는 없지만, 콘솔창이 더러워지니 좀 신경쓰입니다. 해결방법은 class 명에서 _(언더바)를 제거해주시면 됩니다. // 변경 전 export default class _id extends..

Typescript를 사용하여 Nuxt.js를 이용하다보면 다음과 같은 오류와 마주할 수 있습니다. TS2307: Cannot find module '@/components/PostList' or its corresponding type declarations. https://typescript.nuxtjs.org/guide/setup.html#configuration Setup Nuxt TypeScript Support mainly comes through a Nuxt module, @nuxt/typescript-build, and its types @nuxt/types. typescript.nuxtjs.org typescript nuxt에서는 위 와같이 설정하는 것을 문서로 표기되어 있으며, vue-..

클레이튼은 카카오의 자회사 GroundX에서 개발한 블록체인 플랫폼입니다. 카카오에서는 현재 '클립'이라는 이름으로 Klaytn Wallet(클레이튼 지갑) 서비스를 제공하고 있습니다. 너무 숨겨져 있어서 있는지도 몰랐습니다. 클레이튼에서는 Dapp이 아닌 Bapp을 사용하며 해시 넷에서 자세한 내용을 확인할 수 있습니다. http://wiki.hash.kr/index.php/%EB%B9%84%EC%95%B1 클레이튼의 엔드포인트 노드(Endpoint Node) 줄여서 EN이라고 불리는 녀석을 설치하고 실행하여 테스트 넷을 동기화할 수 있는데, 공식문서의 살짝 부족한 내용을 제가 맛 후추를 뿌려서 조회수를 빨대 꽂아보겠습니다. 클레이튼의 공식문서는 다음과 같이 Gitbook으로 작성되어 있습니다. htt..

“본 게시글은 파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있습니다." Linux를 사용하면 다 좋은데 몇 가지 단점들과 초기 설정이 필요한 부분이 있어서 손이 상당하게도 굉장히 많이 갑니다. 1. 한글 입력기 설치 (UIM) 2. 영어로 언어 변경 후 -> 한글로 다시 변경하고 -> 폴더명 영어로 유지시키기 (cd 입력할 때 영어가 탭이 편합니다.) 3. 마우스 휠 속도 제어(imwheel) 4. 마우스 앞으로 가기 뒤로 가기 버튼 제어(imwheel) 5. 테마 변경 6. 폰트 변경 7. 아이콘 변경 8. 커서 변경 9. 터미널 설정 변경 10. 프로그램 설치.... 그 외 다양하지만 오늘은 4번인 마우스 앞으로 가기, 뒤로 가기 버튼 및 휠 속도를 제어할 수 있는 imwheel을 이용한 설정..

https://gmyankee.tistory.com/324 Nuxt.js에 Storybook 적용하기 https://storybook.nuxtjs.org/setup Introduction @nuxtjs/storybook lets you integrate Storybook with NuxtJS with a single command. storybook.nuxtjs.org Nuxtjs에 Storybook을 설치하고 컴포넌트를 동적으.. gmyankee.tistory.com Nuxt.js에 Storybook 적용하기에 이어서 Vuetify.js를 적용하는 방법을 공식문서에서는 언급하지 않고 이렇게 저렇게 하면 돼! 라고만 설명을 해주고 있습니다. https://storybook.nuxtjs.org/manual..

https://storybook.nuxtjs.org/setup Introduction @nuxtjs/storybook lets you integrate Storybook with NuxtJS with a single command. storybook.nuxtjs.org Nuxtjs에 Storybook을 설치하고 컴포넌트를 동적으로 적용 관리하면서 UX/UI 디자이너와 기획자와 의사소통을 편리하게 해주는 컴포넌트단위의 문서화 방식으로 기존에 React와 Next.js를 우선 해주다가 Vue와 Nuxt.js가 추가 되었었는데 기존 Vue 설치방법이 굉장히 더럽고 추악하고 냄새나고 설치가 귀찮았는데 지금은 매우 편해져서 정리해보고자 합니다. 목차 Storybook 설치 Storybook 작성 방법 Storyb..