profile
Frontend Web Developer

[주요 개념] State and Lifecycle

여기서는 React 컴포넌트의 state와 생명주기의 개념을 설명한다.여기서 상세 컴포넌트 API를 볼 수 있다.지난번에 똑딱이는 시계 예제를 보았다. Rendering Elements에서 UI를 업데이트하는 한가지 방법을 배웠다. 렌더링된 출력을 바꾸는 것을 Reac

2021년 12월 9일
·
0개의 댓글

[부록] Virtual DOM과 Internals

Virtual DOM(VDOM)은 이상적으로, "가상으로" UI를 나타내는 것을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 "real(실제)" DOM과 동기화하는 프로그래밍 개념이다. 이 과정을 reconciliation(재조정)이라고 한다.이 접근은

2021년 12월 2일
·
0개의 댓글

[주요 개념] Components and Props

컴포넌트는 UI를 독립적이고 재사용할 수 있게 해주며 각각을 분리된 것으로 볼 수 있다. 이 장은 com컴포넌트에 대한 아이디어를 소개한다. 상세 component API reference는 여기서 보자.개념적으로 컴포넌트는 JavaScript의 함수와 같다. "pro

2021년 12월 1일
·
0개의 댓글
post-thumbnail

[주요 개념] Rendering Element

Elements는 React 앱의 가장 작은 단위다.Element는 화면에서 보고 싶은 것을 설명한다.Browser DOM elements와 달리, React elements는 기본(plain) 객체이며 생성하기 쉽다. React DOM은 React elements에

2021년 12월 1일
·
0개의 댓글

[주요 개념] JSX 소개

아래의 변수 선언을 보자:이 태그 문법은 string도 HTML도 아니다.위 문법은 JSX로, JavaScript의 확장문법이다. UI가 어떤 모습이어야 할지 설명하기 위해 React와 JSX를 함께 사용하는 것을 권장한다. JSX는 템플릿 언어이면서 JavaScrip

2021년 12월 1일
·
2개의 댓글

왜 React가 필요할까?

보통 우리가 경험하는 모바일 앱은 로딩/전환 등의 측면에서 웹 페이지보다 '원활하고 반응성이 높은' 느낌을 준다.웹사이트는 요청과 응답 사이클의 과정(Request<->서버, HTML Page로딩)에서 대기 시간이 존재한다.요청과 응답 사이클의 해결을 JavaSc

2021년 11월 30일
·
0개의 댓글