React 일반적인 다른 프레임워크처럼 js의 특정 값이 바뀌면 특정 DOM속성이 바뀌도록 연결해서 업데이트하는 간소화하는 방식과는 다르게, 어떤 상태가 바뀔 때 전부 날려버리고 처음부터 모두 새로 만들어 보여주며 업데이트를 어떻게 하는지에 고민을 하지 않고 쉬운개발이 가능하다. 그러나, 동적 ui를 위해 전부 새로 만들면 그 속도가 느려지게 되는데, 이 ...
html안에 class명을 넣을 때는 className="" 으로 사용한다. App.js같은 jsx에서는 일반적인 html을 사용하지 않는다.
state 변경함수 사용시 먼저 (원래state === 새로운state) 검사를 한다위 내용이 같으면 state를 변경하지 않는다.js에서 array,Object자료를 만들면 (ex) let arr = \[1, 2, 3]을 만들었을 때 \[1, 2, 3]은 램 가상공간
작명시 영어대문자return() 안에 html태그 여러개 Xfunction App(){} 내부 X<컴포넌트></컴포넌트>나 <컴포넌트/>로 사용기준은 없으나 사이트에서 반복 출현하는 HTML덩어리들이나내용이 자주 변경되는 경우,다른 페이지를 만들고 싶을
컴포넌트는 mount, update, unmount 되는데이 사이사이에 간섭을 할 수 있으며, 특정 상황에서 특정 코드를 실행할 수 있다.쉽게말해서 어떤 컴포넌트가 생성될 때(mount), 재랜더링될때(update), 삭제될때(unmount) 각각 다른 상황에서 특정코
Redux props없이 state를 공유할 수 있게하는 라이브러리 설치 셋팅 store.js파일을 만들어서 아래처럼 세팅한다. 그리고 index.js에서 Provider컴포넌트와 위처럼 작성한 store.js를 import한다. 이렇게 작성하면 App을 비롯한
nodejs로 뉴스피드프로젝트를 진행하게되면서, 프론트엔드는 리액트로 구현하는 방식으로 진행하게되었는데,컴포넌트가 렌더링 될때만 어떤 함수를 실행해야하는 기능이 필요해서 UseEffect 리액트 훅을 사용하게 됐다.근데 그 컴포넌트가 렌더링 될 때 마다 useEffec