🐶🦶 BLOG

이전 내용 복습 [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 매초 스스로 업데이..

이 글은 누구든지 하는 리액트 [www.youtube.com/playlist?list=PL9FpF_z-xR_E4rxYMMZx5cOpwaiwCzWUH]을 참고하여 작성하였습니다. 프론트앤드 라이브러리 : React, Angular, Vue 등 MVC, MVVM, MVW 등을 사용하던 기존 웹 프레임워크/라이브러리 공통점 : Model (양방향 바인딩) 변화(Mutation) 그냥 mutation을 하지 말고, 데이터가 바뀌면 뷰를 날려버리고 새로 만들자! Virtual DOM : 가상의 돔에 렌더링을 하고 기존의 돔을 비교한 후, 정말 변화가 필요한 곳에만 업데이트 해줌 Webpack 코드들을 의존하는 순서대로 잘 합쳐서 하나 또는 여러개의 파일로 결과물을 만들어냄 -> 'bundling작업' 이라고 함 ..