가상 돔을 쓴다는 것 is
data 가 바뀌면
- 기존의 가상 돔과 비교할 새로운 가상 돔을 생성
- 기존의 가상 돔과 비교할 새로운 가상 돔을 비교(diffing)
- 비교된 결과물에 따라 화면을 갱신
Svelte 는 갱신 은 동일하게 일어나지만,
가상 돔을 생성 하고 비교 하는 행위가 없음.
오버헤드 (overhead)
어떤 처리를 위해 들어가는 간접적인 시간이나 메모리 등
👉가상 돔을 썼을 때 들어가는 여러가지 기회비용
반응성 reactive
애플리케이션 상태(data)의 변화가 DOM에 자동으로 반영되는 현상
Svelte
- 런타임에서 프레임워크가 사용되지 않는 순수 JavaScript
- 브라우저(런타임)에서 동작하지 않는 컴파일러
: 작업물(application)을 Vanila JS로 변환(compile)하고 그 결과만 동작 - 자유도가 비교적 높기 때문에, 호출 스택이나 데이터의 메모리 참조 등 JS의 동작 원리를 이해하는 것이 중요 !
REPL (Read-Eval-Print Loop)
사용자에게 데이터를 입력받고 이를 평가(실행)하고 결과를 반환하는
단순한 상호작용 컴퓨터 프로그래밍 환경
App.svelte이름을 수정하거나 파일을 삭제할 수 없다.- 추가 컴포넌트
Hello.svelte: 주변./에 생성됨. 대문자로 시작
