봉보로봉봉

변경하고 싶은게 있어서 이리 저리 뚝딱대는데 에러가 떴다! Attempted to assign to readonly property. 읽기 전용 속성에 할당하려고 시도했다. 이유 이 오류는 동결된 객체의 속성을 변경하려고 하는 경우 발생한다. 내가 const로 설정해둔 변수 값을 자꾸 변경하려고 해서 그런것이었다. const 에서 let으로 변경했더니 잘 작동한다!

저번에 설치하려고 했는데 안돼서 넘어갔는데 이 방법대로 하니 잘 됨! npx create-react-app my-app https://velog.io/@ash3767/React-%EC%97%90%EB%9F%AC React 에러 npx create-react-app 이러한 에러가 발생한다면 , >npm uninstall -g create-react-app npm add create-react-app 다시 npx create-react-app [app-name] velog.io

firebase Authentication 이용해서 로그인 기능 구현하다가 안되고 자꾸 에러남 The error you provided does not contain a stack trace. 당신이 stack trace 없이 제공해줘서 나는 에러임 API key 감추려고 .env에 넣어서 했는데 그렇게 하면 오류나고 키 그대로 넣으면 오류 안남 .env파일이 문제구나하고 보니까 파일을 최상위 경로에 둬야되는데 있던 위치에 생성해서 놔뒀음 .env파일 최상위 경로로 이동하고 해결 invalid api key error in console Your API key is invalid, please check you have copied it correctly. 니 API key가 잘못됐으니까 맞게 복사했는지..

useEffect를 사용하면서 두번째 인자를 [] 빈배열 상태로 뒀더니 자꾸 이런 경고가 뜸 React Hook useEffect has a missing dependency 리액트 훅 useEffect는 dependency를 가져야한다 useEffect 함수의 두 번째 인자에 빈 배열을 넣거나, 업데이트 하고자 하는 state를 넣어주어 렌더링의 횟수를 제한해주어야 하는데, 위 에러는 해당 state가 빠졌거나, 잘못 들어갔거나 해서 나오는 에러라고 함 빈배열인게 문제였던 것 같음 그래서 값이 변경되었을 때 새로고침해도 되는 props로 받아온 youtube데이터를 [youtube]에 넣어줌 참고 참고

elements must have a unique title property 엘리먼트는 유니크한 제목 속성을 가져야만 한다 경고가 뜨면 그냥 에 title 속성 하나 넣어주면 됨

props로 받은 비디오 목록들을 map으로 하나씩 돌며 video item들을 만들고 싶은데 아까는 됐다가 안됨 import React from "react"; import VideoItem from "../video_item/video_item"; import styles from "./video_list.module.css"; const VideoList = (props) => ( {props.videos.map((video) => { return ; })} ); export default VideoList; Cannot read properties of undefined (reading 'map') undefined 속성은 읽을 수 없습니다 (map 읽을 때) > videos가 undefined이..

input값을 넘긴 후 input값을 초기화하려고 하는데 오류가 남! class addForm extends Component { inputRef = createRef(); addHabit = (e) => { e.preventDefault(); const name = this.inputRef.current.value; this.props.addHabit(name); this.inputRef.current.reset(); }; ...... this.inputRef.current.reset is not a function this.inputRef.current.reset는 함수가 아니다 왜..? reset()은 있는 건데... 왜...? input에는 reset()을 사용할 수 없다 input을 감싸고 있는..

habits라는 배열에서 받아온 habit이라는 인자와 id가 같으면 count를 내려주는 로직을 짜고 싶은데 handleDecrement = (habit) => { const habits = this.state.habits.map((item) => { if (item.id === habit.id) { const count = habit.count - 1; return { ...habit, count: count < 0 ? 0 : count }; } }); this.setState({ habits }); }; 이렇게 쓰면 에러가 남 Array.prototype.map() expects a value to be returned at the end of arrow function map()은 화살표 함수의 ..