리액트 공식문서를 참고하여 작성 한 글입니다.UI을 재사용 할 수 있는 부분을 분리한 것을 말한다 위와 같은 함수가 있다고 가정해보자 여기서 h1이 반복되고 있다는 것을 알 수 있다. 또한, Hello, (이름)! 텍스트도 안에 있는 이름만 바뀌고 모두 같은 형식을 가
인스타그램 클론 코딩 컴포넌트를 나누던 중, 자식에서 setSate를 해야 할 일이 생겼다! setState는 state가 관리 되고 있는 곳에서 써야하는데,,, 어쩌지? 바로 구글링! 🔥기존 자식컴포넌트 함수여기서...!! setState 선언 부분만 쏙! 빼서 부
리액트 공식문서 를 참고하여 작성한 게시글입니다.나는 그냥 컴포넌트를 나눠 map을 돌려줬을 뿐인데.. 왜 오류가 나지?리액트 공부 중 나타난 오류에 멘붕 🥺... 반복되는 JSX를 map을 돌려줬을 뿐인데 오류가 난다고??해답은 공식문서를 통해 쉽게 얻을 수 있었다
const obj = {name:'choi', score:1,2}const newObj = Object.assign({},obj);// 객체의 프로퍼티만을 복사하고, value가 원시타입이 아닌, 객체타입(배열, 객체 ...)일 경우 값을 저장하는 것이 아닌 객체의 주
FormData
함수 안에서 사용한 값이 바뀌면 함수를 호출해서 연산하고, 값이 바뀌지 않으면 이전에 연산한 값을 재새용한다. 함수 안에서 state나 props가 바뀌면 함수를 호출해서 실행한다.useCallback을 사용하지 않은 함수들은 컴포넌트가 리렌더링 될 때 마다 새로 만들
원래 class에서만 state를 사용 할 수 있었다hooks가 나오게 되면서 functiond에서도 state를 사용할 수 있게 되면서 function이 class와 같은 급으로 부상하게 되었다.또한 라이프 사이클도 사용할 수 있게 되었다함수형에서 props를 받는