React

문자도 HTML도 아닌 JavaScript의 확장 문법태그를 감싸주는 용도로 실제로는 랜더링 되지 않는다.위 코드는 아래 코드와 동일하다.리액트에서 제공하는 상태값을 관리해주는 훅

위와 같이 코드를 작성했을 때 실행 순서는 아래와 같다.컴포넌트가 업데이트될 때 useEffect clean up -> useEffect 순서로 실행된다.처음엔 cleanup이 실행되지 않는다. 한 번이라도 useEffect가 등록이 되어있었으면 cleanup 하고 u

요소에 color라는 속성 지정아래와 같이 fontSize를 중복 스타일로 준 button1의 경우,인라인 style에 지정되어있는 스타일을 우선으로 반영된다.class로 먹인 스타일 < style로 먹인 스타일 < inline style로 먹인 스타일뒤에

대상.current 로 접근 가능하다.리액트에서는document api를 이용해 직접 엘리먼트에 접근해 조작하기 보다는리액트가 관장하고있는 틀 안에서 조작하는 것이 효율적이다.

label for속성을 htmlFor로 변경input value속성을 defaultValue로 변경닫기 태그 '/' 삽입 필수

화살표함수 안에서 실행

구글링하여 위와 같이 작성해주니 오류가 사라졌다!

React 페이지네이션 작업 중, 페이지 버튼을 클릭해서 새로운 데이터가 뿌려지며 스크롤 상단으로 이동하는 이벤트를 작업하고 싶었다.디지버지게 두세시간 죽쑤고 찾아낸 방법은 아래와 같다.위와 같이 설정해주니 정상 작동한다.그러나 Page 컴포넌트에서 스크롤 영역에 st

공부 중 다음카페 인기글 api를 가져오려는데 CORS에러가 발생했다.검색 후 아래와 같이 next.config.js에 간단하게 작성해주니 문제가 해결되었다.