전체 글 753

[Firebase] javascript firestore CRUD하는 방법

GET export const getList = async () => { const data = (await firebase.firestore().collection("MY_COLLECTION_NAME").get()).docs.map( (doc) => { return { ...doc.data(), id: doc.id }; } ); return data; }; 콜렉션을 만들고 그 콜렉션에 있는 모든 데이터를 가지고 오는 코드 id를 자동 생성으로 만들게 되면 data안에는 id가 안들어있어서 따로 map으로 붙여서 새로운 배열을 만들어줬다. GET BY ID export const getItemById = async (id: string) => { const data = ( await firebase.fi..

[Vue.js] vue-awesome-swiper vue2.7 setup script에서 내장 함수 쓰는 법

https://github.com/surmon-china/vue-awesome-swiper GitHub - surmon-china/vue-awesome-swiper: 🏆 Swiper component for @vuejs 🏆 Swiper component for @vuejs. Contribute to surmon-china/vue-awesome-swiper development by creating an account on GitHub. github.com 내가 원하는 기능은 autoplay되다가 마우스 오버를 하면 멈췄다가 mouseleave를 하면 다시 autoplay가 되는 기능을 원했다. 예시로 나오는 코드들은 다 vue2버전인데 나는 2.7의 setup script로 바꾸고 싶었음! ... swi..

WEB/VUE.js 2023.05.26

[React] clip-path polygon으로 원형 wheel 만들기 2탄

1탄은 아래 게시물 https://sso-feeling.tistory.com/850 [css] clip-path polygon으로 원형 wheel 만들기 1탄 코드펜에서 이런 작업물을 발견했습니다. 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 마우스 클릭을 하면 동그란 휠이 나와서 sso-feeling.tistory.com 2탄은 리액트로 코드를 옮기고 hover 할때마다 약간 바운스되면서 커지는 효과를 넣어보겠습니다. css는 styled-components를 사용하겠습니다. 1. styl..

[Git] pull request 에서 Run yarn install --frozen-lockfile 에러

깃헙 pr에서 여기서 에러가 났다. 밑의 사진은 success이지만 에러가 나면 x표시가 나면서 디테일 보기가 있다. Run yarn install --frozen-lockfile 과정에서 에러가 났다고 한다. 챗 gpt 한테 물어본 결과 yarn install --frozen-lockfile 명령어는 yarn.lock 파일에서 의존성 패키지들을 설치하는 명령어입니다. 만약 이 과정에서 에러가 발생한다면 다음과 같은 방법들을 시도해 볼 수 있습니다: 에러 메시지를 분석하기: 에러 메시지를 자세히 읽어보면 어떤 종류의 에러가 발생했는지 알 수 있습니다. 에러 메시지에서 어떤 패키지나 파일에서 문제가 발생했는지, 또는 어떤 종류의 충돌이 발생했는지 확인해보세요. yarn.lock 파일 확인하기: yarn.l..

Git 2023.04.04