React 완벽 가이드

이전에 React로 개발한 사무소 웹 페이지를 Refactoring 하기 위해, 새로 React 강의를 찾게 되었다!Udemy의 react 완벽 가이드 with redux next.js typescript 강의인데, 인터넷에서 평도 좋고 내가 원하는 hooks, 상태

ref란? ref는 React와 DOM을 연결하는 역할을 한다. ref의 current 속성에 DOM 요소를 직접 반환한다. 사용자는 pure javascript 처럼 DOM의 요소에 직접 접근할 수 있다. 즉, javascript의 docume

React Hook 중 하나로, 사이드 이펙트를 처리하기 위한 함수이다.인수로 실행할 함수, 의존성 배열을 받는다.다음의 조건을 만족할 시, 인수로 받은 함수가 실행된다.상위 컴포넌트가 처음 mount 되었을 시의존성 배열 요소의 값이 변경될 때React의 주요 역활은

useState같이 state관리를 도와주는 Hook이며, useState보다 강력하다.특히 여러 state와 연관된 state 등, 복잡한 상태 관리에 사용한다.강력하지만 사용하기 복잡해, 일반적인 상태는 useState를 사용하는 게 좋다.위 코드는 emailIsV

context를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있습니다.일반적인 React 애플리케이션에서 데이터는 위에서 아래로 (즉, 부모로부터 자식에게) props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트

React는 사용자 인터페이스를 구축하기 위한 Javascript 라이브러리다. 즉, React의 주요 역할은 컴포넌트와 State를 관리하는 것이라 볼 수 있다.이 말의 요지는, React는 UI를 직접 HTML에 보여주는 역할을 수행하지 않는다는 것이다. 그렇다면