참가한 세션 스케줄

하나의 코드로 React, Vue, Svelte 등 모든 프레임워크를 지원할 수 있는 CFCs Reactive

👍 배운 점 (인상깊은 점)

CFCs (Cross Framework Components)

<aside> 👉 유틸 컴포넌트를 어떻게 React, Vue, Svelte 등 다양한 프레임워크에 지원할까라는 아이디어에서 출발하여 Vanilla로 작성한 컴포넌트를, 혹은 한 프레임워크로 작성된 컴포넌트를 다른 프레임워크에서 사용하고 싶은 경우, 해당 프레임워크로 변환해주는 모듈

</aside>

Concepts

• 돔(DOM) : DOM에 그려지는 UI 컴포넌트 지원 (UI + 이벤트 + 메서드)
• Reactive : DOM에서 나아가 DOM rendering 대신 상태가 부여되어 상태에 따라 반응하는 유틸 컴포넌트 지원

Reactive Detail

<aside> 👉 상태를 가지고 상태에 따라 반응하는 유틸 컴포넌트 지원 (상태 + 이벤트 + 메서드)

</aside>

React, Vue, Svelte 에서 함수형 컴포넌트 지원으로 인해 함수로 상태를 관리하는 방식 분석

• state
• mounted
• unmounted
• result