Nuxt.js에서 JEST를 사용하다 보면 마주치는 오류중 하나로 template tag를 JEST에서 해석할 수 없어서 나타나는 증상 중 하나입니다. 대표적으로 nuxt-link 등의 nuxt만의 고유한 태그들에서 이러한 현상이 발생할 수 있습니다. Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option. 이것을 해결하기 위해서는 JEST setup에서 mocking된 component.vue를 하나 생성해주어야 합니다. // test/__mocks__/clientOnlyMock.vue setup.js를 통해 생성한 컴포넌..

https://gmyankee.tistory.com/334 Nuxt.js + Typescript + Vuetify.js + Jest 설정하기 Nuxt.js와 vuetify.js 그리고 Typescript를 이용한 jest 설정은 생각보다 손이 많이 갑니다. 하지만 초기 설정만 하면되는데, 매번 까먹어서 검색하기가 귀찮으니 다들 이 게시글을 즐겨찾기 하시거나, Wh gmyankee.tistory.com 지난번에 위 링크처럼 Nuxt.js + Typescript + Vuetify.js + JEST.js 의 조합으로 Unit Test 환경을 구축하였지만, Vuex를 적용하는 내용이 빠져서 추가로 작성을 해보고자 합니다. Vuex는 Typescript를 조합하면 대체로 많은 외국 게시글들은 Typescript ..

Nuxt.js와 vuetify.js 그리고 Typescript를 이용한 jest 설정은 생각보다 손이 많이 갑니다. 하지만 초기 설정만 하면되는데, 매번 까먹어서 검색하기가 귀찮으니 다들 이 게시글을 즐겨찾기 하시거나, Whale 브라우저를 사용중이시라면 스크랩북에 추가하시죠! 진행해야할 사항은 간단하게 정리해보자면 JEST 설치 Typescript 설정 Vuetify 선언 설정 Test 생각보다 별로없군요 JEST 설치 Nuxt.js를 설치할때 npx create-nuxt-app 을 이용하여 설치하면 JEST를 쉽게 설치할 수 있습니다. // npx create-nuxt-app npx create-nuxt-app test 이때 jest를 포함하게되면 jest와 관련된 package들이 추가되고, scr..

https://gmyankee.tistory.com/325@Nuxt.js/storybook에 vuetify.js 적용하기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. storyb..gmyankee.tistory.com지난 2020.10.05에 같은 내용으로 작성하였는데, 우리의 개발속도가 너무 빠른 storybook 성님께서 Major 버전이 업데이트되어 해당글이 참고용밖에 되지않는 무쓸모 글이 되어 고인글이 되어버렸습니..

https://techlog.pw 테크로그 다양한 기업들의 기술블로그를 모아보고 구독하여 테크로그에서 누구보다 빠르게 최신 트렌드와 기술 동향을 살펴보세요! techlog.pw TechLog(테크로그)는 다양하고 많은 IT기업들의 기술블로그를 모아서 구독하는 서비스입니다. 타 서비스들과의 가장 큰 차이점으로는 단순 이메일 구독이 아닌, Slack, Discord, Telegram으로의 Webhook URL을 등록하시면 해당 메신저들로도 알림을 구독할 수 있습니다. 테크로그는 현재 일부의 기업들만 등록이 되어있으며, 현재 구독중인 기업들의 목록은 다음과 같습니다. - NAVER - KAKAO - 우아한형제들 - LINE - NHN - 당근마켓 - 마켓컬리 - 하이퍼커넥트 - 스포카 - 44bits - 레진..

본문은 시리즈로 작성되는 내용입니다. #0. 개요 #1. 준비하기 목차 도커 설치 도커 컴포즈 설치 도커 WSL2 연동 도커 설치 https://docs.docker.com/get-docker/ Get Docker docs.docker.com docker 공식 페이지를 위 url을 통해 접속하여도 되고, google에 docker install을 검색하여도 위 url과 관련한 정보가 검색되어 나타나는 걸 볼 수 있습니다. 도커 컴포즈인데 왜 도커를 설치하냐고 하시는 분들도 계실까 해서 잠깐 설명을 드리자면, docker-compose는 docker container를 효율적으로 관리하기 위한 일련의 문서화이며, 실행 관리를 도와주는 도구입니다. 때문에 docker가 없는 docker-compose는 존재..