svelte

스터디 배경 일단 백엔드 개발을 주로 하며, 프론트 알못이다. 백엔드 개발자 이지만 어드민 페이지등 프론트를 어느정도 담당하게 된다. 프론트 개발와 달리 "업무 데이터 처리" 관점에서 조회,입력,수정이 목적이다. 당연히 쉽고, 빠르고면 최고다. 그럼점에서 난 rea

svelte는 무엇인가에 대해 소개한다.But there's a crucial difference: Svelte converts your app into ideal JavaScript at build time, rather than interpreting your ap

버튼에 이벤트 핸들러를 연결하고, 변경된 값을 html에 다시 표현하는 예제이다.역시 간다하다.첫번째 예제와 비슷하다.doubled 라는 변수가 count 값이 변경되면서 같이 변경된다.이때, 간접적으로 변경된 변수도 반응성을 보이려면 $: 문법을 사용해서 변수를 선언

Declaring Props 지금까지는 내부상태만 다루었다. 즉, 동일 콤포넌트 내에서만 적용된다. 타 컴포넌트로 상태를 전달하기 위해서는 props라고 불리는 properties를 선언해야 한다.

{{/if}로 닫는다. 닫을때는 "{:else} 를 사용하여 else 블럭을 표현한다.{:else if 컨디션} 블럭을 사용하여 else-if 표현을 할수 있다.{{/each}로 닫는다.if 문과 규칙이 동일하다.추가로 as 뒤에 변수를 하나 추가하여 index까지 f

on 지시어를 이용하여 어떤 이벤트라도 수신할수 있다고 설명한다.이벤트 핸들러를 아래 예제와 같이 인라인으로 선언도 가능하다.따옴표는 선택사항이고, 강조의 의미로 유용하다고 한다.일부 프레임워크는 성능상의 이슈로 인라인 핸들러를 지양하지만,svelte에서는 컴파일러에서