🐶🦶 BLOG

Hook과 함수 컴포넌트 함수 컴포넌트 - 둘 다 가능 const Example = (props) => { // 여기서 Hook을 사용할 수 있습니다! return ; } function Example(props) { // 여기서 Hook을 사용할 수 있습니다! return ; } state가 없는 컴포넌트 hook은 state를 함수 안에서 사용가능하게 해줌 hook은 클래스 안에서 동작 X 하지만 클래스를 작성하지 않고 사용 가능 Hook이란? 특별한 함수. 예를 들어 useState는 state를 함수 컴포넌트 안에서 사용할 수 있게 해줌 언제 Hook 사용? 함수 컴포넌트 안에 state를 추가하고 싶을 때 state 변수 선언 함수 컴포넌트는 this를 가질 수 없기 때문에 this.state를..

이전 내용 복습 [WEB] - [React] 공식 문서 3. 엘리먼트 렌더링 [React] 공식 문서 3. 엘리먼트 렌더링 3. 엘리먼트 렌더링 엘리먼트 React 앱의 가장 작은 단위 일반 객체 React DOM은 React 엘리먼트와 일치하도록 DOM을 업데이트 불변 객체, 엘리먼트 생성 이후 해당 엘리먼트의 자식이나 속성 변경 불가 nakyungim.tistory.com UI를 업데이트 하는 한 가지 방법 새로운 엘리먼트를 생성 후 이를 ReactDOM.render()로 전달 렌더링 된 출력값을 변경하기 위해 ReactDOM.render() 호출 5. State와 생명주기 목표 : 1. Clock 컴포넌트를 완전히 재사용하고 캡슐화 하기 2. 컴포넌트가 스스로 타이머 설정 and 매초 스스로 업데이..