Development/에러 해결11 Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. 해결 Vue에서 props으로 데이터를 전달할 때 발생하는 에러. props를 직접 변경하게 되는 경우 이러한 경고 메시지가 나온다. 확인할 것 1. 함수 중 props로 받은 데이터를 직접 변경하는 것이 있는지 2. v-model에 props를 직접 연결했는지 해결법 1.함수 중 props로 받은 데이터를 직접 변경하는 경우 -> this.$emit 을 통해 부모 컴포넌트로 전달해 데이터를 변경하게끔 한다 2. computed를 활용해 props 데이터를 변경한다. 2022. 7. 20. [gatsby] gatsby-config에 명시했는데 플러그인이 작동하지 않을 때 개츠비 블로그에 TOC를 적용하고 싶어서 gatsby-remark-autolink-headers 플러그인을 gatsby-transformer-remark의 sub 플러그인으로 설정을 했다. 그런데 자꾸 플러그인이 제대로 먹질 않아서 삽질을 좀 했는데 알고보니 gatsby-remark-autolink-headers 플러그인을 gatsby-config.js의 밑에 선언해놓았던 것... 중복이 되니 뒤에 작성한 것으로 덮어씌우기 된 거였다. 삽질해서 짜증이 났는데 어쨌든 한번도 겪지 못한 기상천외한 오류가 아니여서 다행이다... :) 2022. 7. 1. 사용 중인 port 강제 종료하기 사용중인 port 죽이기!! 렉이 너무 걸려서 인텔리제이를 강제종료했더니 localhost가 살아있어서 자꾸 실행이 되지 않았다. 이런 경우에는 1. windows Terminal 관리자권한실행 2. netstat -a -o 실행 : 사용중인 포트번호 및 PID 표시 3. 제거할 포트번호를 찾음 죽이고 싶은 포트를 주소에서 찾습니다 4. taskkill /f /pid 제거할포트번호의PID. taskkill /f /pid 8080 2022. 6. 22. [React] Error in function createFiberFromTypeAndProps in ./node_modules/react-dom/cjs/react-dom.development.js 해결 개츠비 개발 도중 발생한 에러 나의 경우는 1. 대문자로 시작하지 않음 2. export default를 작성하지 않음. 이 두 가지가 문제였다. 1. const test 는 const Test 와 같이 작성되어야 한다. const test = () => { //에러 return ( This is a test page! ) } ---------------------------------------- // 올바른 코드 const Test = () => { return ( This is a test page! ) } 2. 위 코드에서는 export default가 없다. 아래와 같이 수정해야 한다. const Test = () => { return ( This is a test page! ) } export.. 2022. 6. 19. 이전 1 2 3 다음
