뇌 채우기 공간

프로젝트 : vue3 [원인] 부모에서 전달한 데이터를 props로 받고 자식에서 그것을 바로 수정하는 경우 생기는 에러 [해결] props로 받은 값을 변수화 해서 사용하고 emit을 통해 변경하면 된다.

Vue3에서 vuex module분리하는 법 어려운 작업이 아닌데 처음에 할 때 vue3 관련 코드가 없어서 많이 헤맸던 기억이 있다. 1. store폴더 안에 modules폴더를 만든다. 2. 그 안에 모듈 하나씩 파일을 만든다. 예시 : user.ts import { SavedMovie, User, Collection, SavedCollection } from '@/type'; import { SET_USER, SET_PASTMOVIE, SET_FUTUREMOVIE, ... } from '../mutation'; export interface State { user: User, pastMovie : SavedMovie[], futureMovie : SavedMovie[], collections : C..

const colors = `hsl(${parseInt(Math.random() * 24, 10) * 15}, 16%, 57%)`; 참고 : 이것은 vue 코드 hsl에서 hue만 랜덤으로 돌리는 방법 그러면 톤이 똑같고 색상만 랜덤으로 추출됨

설치안된 라이브러리 등이 있을 때 뜨는 에러! 찾아서 설치하면 된다!

https://stackoverflow.com/questions/57837758/navigationduplicated-navigating-to-current-location-search-is-not-allowed NavigationDuplicated Navigating to current location ("/search") is not allowed When I want to do a search multiple times it shows me the NavigationDuplicated error. My search is in the navbar and the way I have configured the search is to take the value using a model and then.....

1. ant design https://ant.design/ Ant Design - The world's second most popular React UI framework ant.design 부트스트랩이나 meterial ui 처럼 이미 만들어져있는 ui 를 가져와서 쓰는 것 2. react 에서 useMutation https://www.daleseo.com/graphql-react-apollo-hooks-example/ [GraphQL/React] Apollo Hooks로 React 앱 개발하기 Engineering Blog by Dale Seo www.daleseo.com 3.graphQL 이 무엇인고 https://tech.kakao.com/2019/08/01/graphql-basic/ Gra..

https://www.w3schools.com/jsref/met_win_confirm.asp Window confirm() Method W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 뭔가를 삭제하기 전에 삭제 하시겠습니까? 해서 네 하면 삭제되고 아니오 하면 삭제 안되고 하는 것을 구현하고 싶었다. 이걸 커스텀 모달을 만들어서 구현해야하는지 고민했는데 Window.con..

[결과] [구현] select box에 속성을 mutiple로 지정해놓으니까 클릭했을때 저절로 dropdown이 안됐다. 그런데 드롭다운이 안되면 너무 ui가 불편하기 때문에 클릭했을때 목록이 쭈르륵 나와야 했다. {{genre}} 그래서 size를 selectSize로 바인딩하고 focus이벤트에서 size를 키우고 blur이벤트에서 size를 1로 돌렸다. const selectFocus = ref(false); const selectSize = computed(() => (selectFocus.value ? 10 : 1)); const focusSelect = () => { selectFocus.value = true; }; const blurSelect = () => { selectFocus.va..