[ FrontEnd/Svelte ]
[SVELTE] 스벨트 문법
2024-01-26 15:48:08
저번 시간에는 스벨트란 무엇인지, 그리고 스벨트 Template 설치에 대해서 알아보았습니다. 이번 시간에는 스벨트에서 사용하는 문법에 대해서 간단히 알아보도록 하겠습니다. svelte 기본 구성 기본적으로 하나의 svelte 파일 내에서 script 태그, html 태그, style 태그를 사용할 수 있습니다. Html 태그에서 {} 를 사용하면 js 문법이 사용 가능합니다. (선언적 렌더링 가능) 예시 코드 bind 데이터의 양방향 연결(양방향 데이터 바인딩) –단방향 바인딩 앞에 bind: 를 붙여준다. => ex) input 에서 값을 입력하면 다른 태그의 값도 바뀐다. on:input 과 value 로 묶어주는 역할을 bind: 하나로 수행 가능 // 일반적인 방법 {text = e.target..