[Svelte 시리즈] 데이터 바인딩, 조건문, 반복문, 이벤트 핸들링
[Svelte 시리즈] 데이터 바인딩, 조건문, 반복문, 이벤트 핸들링 이 포스트는 HEROPY 님 유튜브 Svelte 강좌를 보고 공부한 내용을 정리한 포스트입니다. 데이터 단/양방향 바인딩 Svelte는 기본적으로 단방향 데이터 바인딩이다. 아래 예제에서 input에 name을 바인딩 했지만, 값을 변경한다고 name 변수의 값은 바뀌지 않는다. Hello {name} 양방향 바인딩을 하려면 bind 키워드를 사용해 아래와 같이 작성해주면 된다. Hello {name} 조건문 마크업 영역에서 조건문을 사용할 수 있다. {#if 조건} 조건문 내용 {/if} 와 같이 조건문 영역을 잡을 수 있다. {:else}, {:else if 조건} 를 통해 else / else if 구문을 작성할 수 있다. Sv..
