React

Javascript에서 fetch를 이용하여 Get request를 보내는 것만 해보다가 오늘은 React에서 API request를 하는 날이다! 두근두근. 과연 리액트에서는 뭐가 어떻게 다를까? 😃 오늘의 목표 : 유저가 검색창에 "자동차" 키워드를 검색했을때

ref의 특징: single DOM element에 접근할 수 있게 해준다.constructor function안에서 ref를 만든다.그 ref를 instance variable로 선언한다.그 ref를 JSX에 props로 전달해준다.이렇게 접근한 DOM element

understand Map function and use it in React

Lifecycle method는 class component에서 옵션으로 쓸 수 있는 function이다.화면에 (혹은 DOM에) 나타나서 -> re-render가 되고 -> 어느 순간에 화면에서 이 component가 사라지는 일련의 과정들을 Lifecycle이라고

쉽게 정리하고, 한눈에 알아보기 좋다.'state'를 쓸 수 있어서 user input을 처리하기에 좋다.lifecycle eventsJavascript class여야한다.React.Component로 extend 되어야 한다.JSX를 return하는 'render'을

Hooks 의 목적은 재사용가능한 코드를 만드는데에 도움을 주는것! Hooks System > useState -> functional component안에서 state를 사용할 수 있는 접근권한을 준다. useEffect -> useState 사용법 여기에서

React는 컴포넌트들이다.React는 데이터가 조금이라도 업데이트가 되면 (state나 관련된 props이 변하면) 전체적으로 어플리케이션이 다 re-render가 된다.하지만 React자체의 Virtual DOM을 사용하기 때문에 실제로는 정말 업데이트 돼야 하는