React

리액트를 쓰는 이유 리액트를 쓰는 이유는 참 많지만

리액트를 사용하려면 추가 라이브러리가 필요한데 대표적으로Webpack과 Babel이 있다.WebPack은 다수의 자바스크립트 파일을 하나의 파일로 합쳐주는 모듈 번들 라이브러리이다.Babel은 JSX등의 쉽고 직관적인 자바스크립트 문법을 사용할 수 있도록 해주는 라이브

여러 인풋의 상태를 한번에 관리하기 1. useState를 객체로 작성한다. 2. 인풋요소들의 name을 객체들의 키 값과 동일하게 작성한다. 3. onChange 이벤트를 변경 사항만 적용되게 작성한다

React Hooks는 use키워드를 붙여서 클래스형 컴포넌트들이 가지고 있는 기능들을 함수형 컴포넌트가 낚아채서 사용할 수 있게 하는 기능이다.(ex. useState, useEffect, useRef...) 클래스형 컴포넌트의 길어지는 코드 길이 문제 , 중복

React.memo는 고차 컴포넌트다 고차 컴포넌트는 컴포넌트를 가져와 새 컴포넌트를 반환하는 함수이다. 어떻게 사용하냐면 React.memo로 리랜더링 되지 않았으면 하는 컴포넌트를 감싼다. 그러면 props가 변하지 않으면 변하지 않는다. => 즉 부모 컴포넌트

url에 변수를 담아서 전달하는 방법 (경로에 변수를 사용)=> useParams 를 사용한다.http://mydiary/diary/1위처럼 path뒤에 :id 를 붙여서 사용한다.라우터 걸때는 아래와 같이 사용한다.웹페이지에 데이터를 전달하는 가장 간단한