인프런 커뮤니티 질문&답변

안녕하세요 :D
최대한 이해하기 쉽게 정리해 볼게요.

React나 Vue 프레임워크를 사용해 작성한 코드는 별도의 처리 없이 브라우저에서 바로 동작할 수 있습니다.
처음부터 그렇게 설계되어 만들어졌고, 그러니 기본적으로는 프레임워크를 CDN으로만 연결해도 전혀 문제 없이 잘 동작합니다.

하지만, Svelte 프레임워크를 사용해 작성한 코드는 브라우저에서 바로 동작할 수 없고 동작이 가능하도록 한 번 변환해 줘야 합니다. Svelte는 그 과정을 '컴파일'이라고 부르고, 그 변환된 결과 파일이 브라우저에서 동작하는 겁니다.

혹시, '변환을 브라우저에서 하면 되지 않느냐' 라고 생각하실 수 있는데요.
Svelte는 브라우저에서 동작하는 결과를 이렇게 따로 만들어 제공하는 방식을 쓰기 때문에, React나 Vue보다 훨씬 간단한 문법을 제공하고 메모리도 적게 사용하니 훨씬 빨라질 수 있습니다.
(개발하는 코드가 따로 있고, 동작하는 코드가 따로 있는 거죠)
대신 CDN을 사용할 수 없다는 불편함도 있지만, 사실은 이게 더 발전된 개발 방식이라고 볼 수 있습니다.
참고로 React나 Vue도 SFC같이 Svelte와 유사한 컴파일 방식의 개발을 '지원'하고 있습니다.
(Svelte가 먼저 시작한 방식은 당연히 아니고, '컴파일 방식의 장점을 최대한 활용해 만들어진 프레임워크' 라고 이해하시면 쉽습니다)

여러 프레임워크가 기본 원리는 비슷한데, 이렇게 서로 조금씩 다른 장단점을 가지고 있습니다.