Virtual DOM이란 문자 그대로 가상의 DOM을 뜻하며, React의 핵심 원리이다.<span style="color: 동적인 웹에서는 사용자의 요청이나 조건 등에 따라 사용자가 보게 될 뷰(view)를 변경해주어야 한다. 그런데 이렇게 특정 부분의 뷰를 변
JSX란 JavaScript와 XML을 합쳐서 만든 단어로 React에서 사용되는 JavaScript 확장 구문이다. <span style="color: JSX는 위처럼 JavaScript와 HTML이 합쳐진 것처럼 생겼다. 위의 코드에서 return 내부에 들어
리액트의 데이터 관리 props(properties)와 state는 둘 다 일반 JS 객체이며, 리액트 내에서 데이터를 관리하기 위해 사용된다. props props는 부모 컴포넌트에서 자식 컴포넌트로 전달 가능. 일방향적인 상속 자식 컴포넌트는 props를 받아오기
Routing Routing은 경로(url)에 따라 다른 화면을 보여주는 것으로 한 개의 페이지(html)로 이루어진 SPA에서 여러 화면을 보여주고 싶다면 Routing은 필수이다.
map()함수와 key props map()함수는 React에서 특정 컴포넌트를 원하는 횟수만큼 생성시키기 위해 굉장히 자주 사용된다. React에서 자주 사용하지만 map()함수 자체는 React의 특별한 기능이 아닌 순수 JS메서드이다. Array.prototype