공부하는 블로그

Component 컴포넌트(Component)는 데이터를 입력받아 DOM Node를 출력하는 함수라 할 수 있다. 이 때, 입력받는 데이터로는 Props나 State가 있다. 컴포넌트를 통해 UI를 재사용 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적으로 살펴볼 수 있다. 따라서 앱을 리액트로 만든다는 것은 작고 단단한 컴포넌트들을 만들고 이 컴포넌트들을 유기적으로 연결한다는 것을 뜻한다. Lifecycle Event 리액트의 컴포넌트는 생성(Mounting) → 업데이트(Updating) → 제거(Unmounting)의 라이프사이클(Lifecycle)을 가진다. 이러한 생명주기 안에서는 특정 시점에 자동으로 호출되는 메소드들이 있는데 이를 라이프사이클 이벤트라고 한다. ·constructor..

React React – A JavaScript library for building user interfaces A JavaScript library for building user interfaces reactjs.org React는 페이스북에서 개발한 UI(User Interface)를 위한 자바스크립트 라이브러리로 자바스크립트의 확장 문법인 JSX를 사용한다. React의 가장 큰 장점은 DOM을 복사해서 Virtual DOM을 만들어 변화가 있을 경우 페이지 전체를 렌더링 하지 않고 변화한 부분만 실제 DOM에 적용하는 방식을 사용하여 개발자로 하여금 재사용 가능한 UI를 생성할 수 있게 해준다. 따라서 싱글페이지나 모바일 애플리게이션의 개발 토대로 많이 사용된다. * DOM(Document O..