여기서는 React 컴포넌트의 state와 생명주기의 개념을 설명한다.여기서 상세 컴포넌트 API를 볼 수 있다.지난번에 똑딱이는 시계 예제를 보았다. Rendering Elements에서 UI를 업데이트하는 한가지 방법을 배웠다. 렌더링된 출력을 바꾸는 것을 Reac
Virtual DOM(VDOM)은 이상적으로, "가상으로" UI를 나타내는 것을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 "real(실제)" DOM과 동기화하는 프로그래밍 개념이다. 이 과정을 reconciliation(재조정)이라고 한다.이 접근은
컴포넌트는 UI를 독립적이고 재사용할 수 있게 해주며 각각을 분리된 것으로 볼 수 있다. 이 장은 com컴포넌트에 대한 아이디어를 소개한다. 상세 component API reference는 여기서 보자.개념적으로 컴포넌트는 JavaScript의 함수와 같다. "pro
Elements는 React 앱의 가장 작은 단위다.Element는 화면에서 보고 싶은 것을 설명한다.Browser DOM elements와 달리, React elements는 기본(plain) 객체이며 생성하기 쉽다. React DOM은 React elements에
아래의 변수 선언을 보자:이 태그 문법은 string도 HTML도 아니다.위 문법은 JSX로, JavaScript의 확장문법이다. UI가 어떤 모습이어야 할지 설명하기 위해 React와 JSX를 함께 사용하는 것을 권장한다. JSX는 템플릿 언어이면서 JavaScrip
보통 우리가 경험하는 모바일 앱은 로딩/전환 등의 측면에서 웹 페이지보다 '원활하고 반응성이 높은' 느낌을 준다.웹사이트는 요청과 응답 사이클의 과정(Request<->서버, HTML Page로딩)에서 대기 시간이 존재한다.요청과 응답 사이클의 해결을 JavaSc