뇌 채우기 공간

보호되어 있는 글입니다.

vue에서 lottie-web을 써서 아래 코드를 작성함 const lottieRef = ref(null); onMounted(() => { lottie.loadAnimation({ container: lottieRef.value, renderer: 'svg', loop: true, autoplay: true, animationData: animationLoading, }); }); 여기서 container 부분에서 빨간줄이 떴다. Type 'undefined' is not assignable to type 'Element'. 이런 에러가 떴다. undefined를 잡으면 null 문제라고 또 떴다. 이것을 해결하는 방법은 const lottieRef = ref(null); onMounted(() => ..

1. react-query React-Query는 React 애플리케이션에서 API 데이터를 쉽게 가져오고 관리할 수 있도록 도와주는 라이브러리입니다. React-Query를 사용하려면, 먼저 React-Query 라이브러리를 설치해야합니다. npm install react-query 다음으로, React-Query의 useQuery hook을 사용하여 데이터를 가져올 수 있습니다. useQuery는 3가지 인자를 받습니다. queryKey: 요청에 사용할 고유 키입니다. 이 값은 문자열 또는 배열일 수 있습니다. 배열을 사용하면 여러 개의 쿼리를 처리할 수 있습니다. queryFn: 실제 데이터를 가져오는 함수입니다. 이 함수는 Promise를 반환해야하며, 데이터를 가져오는 로직이 포함되어야합니다. ..

코드펜에서 이런 작업물을 발견했습니다. https://codepen.io/wheatup/pen/GbgyLY Interactive Wheel Menu Using javascript and css(non-svg) to make an hold-and-drag wheel menu.... codepen.io 마우스 클릭을 하면 동그란 휠이 나와서 마우스가 움직일 때 마다 위치에 있는 버튼이 튀어나오는 인터렉션입니다. 그런데 무엇보다 이 원형 모양을 css로 어떻게 만들었는지 궁금해서 css를 분석해보았습니다. 전체 코드는 링크에서 확인 바랍니다. 1. 테두리있는 조각난 원링 모양 만들기 각각의 버튼에 기본적으로 이러한 css가 있었습니다. 예상컨대 이것이 핵심인 것 같았습니다. background-image: r..

1. node 버전이 안바뀌는 이유 한 프로젝트에서는 노드를 14버전을 써야해서 노드 버전을 바꿔야했다. 노드 버전을 바꾸어도 변경이 안되었는데 그 이유는 volta에서 노드를 잡고 있어서 그렇다 volta install node@14 이렇게 하여 해결했다. 2. vue $attrs https://hasudoki.tistory.com/entry/Vuejs-%EC%83%88%EB%A1%9C%EC%9A%B4-v-model-%EC%82%B4%ED%8E%B4%EB%B3%B4%EA%B8%B04-attrs-listeners [Vue.js] 새로운 v-model 살펴보기#4 ($attrs, $listeners) 2021/01/22 - [개발일기/Vue.js] - [Vue.js] 새로운 v-model 살펴보기#1 (v..