roofTopCaat의 코딩노트

- 들어가기 전에 - Lifecycle feature : 인간의 생몰주기와 비슷하게 컴포넌트가 화면에 나타나고 업데이트되고 사라지는 과정을 관리하는 것을 말한다. 대표적으로 `componentDidMount` , `componentsDidUpdate`, `componentWillUnmount` 등의 메소드가 있다 State : 컴포넌트의 데이터, 사용자가 입력한 텍스트나 현재 선택된 탭 등을 말한다 Hook 훅은 React 16.8 버전에서 새로 추가된 기능으로 React의 상태(State)와 Lifecycle feature를 연결해준다 이전까지는 동일한 효과를 내기 위해 클래스 컴포넌트를 사용해야 했다 제일 기초적이고 중요한 UseState 'UseState'는 가장 기본적인 Hook으로 함수 컴포넌트..

React.js 리액트 없이도 웹사이트는 만들 수 있지만, 웹사이트의 UI가 복잡해지면 복잡해질수록 리액트를 사용하면 훨씬 수월하게 만들 수 있다 React 컴포넌트 Java가 class로 시작해 class로 끝나는 것처럼, React는 컴포넌트가 거의 전부라고 할 수 있다 컴포넌트란 HTML / CSS / JavaScript가 합쳐진 하나의 블록이라고 생각하면 편하다 이는 현대 웹개발에서 절대 빼놓을 수 없는 API와 비슷한 개념이기도 하다 React는 재사용성 / 분산성 면에서 유리하다는 점에서 (대부분의 프로그래밍 방식에서 공통된다) 컴포넌트 방식을 채택해 프론트엔드에 도입시켰다 컴포넌트 빌딩 JSX 문법 React는 기존 JS문법에서 탈피한 JSX문법을 사용한다 JSX문법은 javascript와 ..