carrots-day

SVELTE 문법 프론트엔드 프레임워크를 다뤄보면서 필수적으로 학습이 필요하다 생각되는 항목만 정리해봤다. 내가 해당 게시글에서 설명하는 내용들은 정말 기초적인 내용이다. 심화된 부분은 튜토리얼가서 직접 테스트해보고 적용하길 바란다. 딹 대라. 기초 문법 들어간다.. 🥕 SVELTE 변수 선언 SVELTE는 반응형 변수 선언부터 초간단하다. Hello {name}! 끝이다. 예? React에서는 setState나 hook을 통해 state 변수를 제어해줘야했다. 근데 SVELTE는 let 변수명; 으로 선언하면 반응형 변수가 생성된다. 와우.. Hello {name}! { name = 'carrots'; }}>이름 변경 {name} SVELTE 제어문 대표적인 제어문은 크게 조건문과 반복문이 있다. 두 ..

SVELTE 시작하기 이전 글에서 SVELTE에 대해 알아봤다. 그럼 직접 물고 빨고 해봐야되지 않겠는가. 노인 대학 입학했다 생각하고 처음부터 차근차근해보자. 이쿠죠.. SVELTE 프로젝트 만들기 SVELTE로 프로젝트 구축하는 방법은 2가지가 있다. 1. REPL (Read-Eval-Print Loop) SVELTE REPL은 웹 화면에서 코드를 짜고 바로 테스트해볼 수 있는 도구를 지원해준다. 작성 이후 zip파일로 다운로드 받을 수 있다. 얜 그냥 링크타고 들어가면 바로 테스트해볼 수 있다. >> SVELTE REPL 테스트 웹 2. degit 패키지 리치 해리스, SVELTE 개발자가 만든 패키지로 git에 저장된 svelte/template 패키지를 로컬에 clone하여 새 프로젝트를 생성한..

SVELTE Svelte는 웹 애플리케이션을 구축하는 새로운 방법으로 선언적 구성 요소를 가져와서 DOM을 외과적으로 업데이트하는 효율적인 JavaScript로 변환하는 컴파일러다. 현재 많이 사용되는 프론트엔드 프레임워크는 크게 3가지가 있다. Angular, React, vueJS인데 이 녀석들을 위협하는 새로운 개발 방식이다. 현재 회사에서 난 React를 사용해 웹 앱 개발에 참여하고 있다. React가 확실히 지원하는 기능도 많고 성능도 준수한데다 개발 포럼도 많아 개발하는데 큰 어려움이 없다. 아니 이제 좀 적응하려 하는데.. 요즘 React, VueJS 보다 좋다고 소문난 놈이 이놈이다.. 뭐 하나 적응할라하면 다른 놈이 기어나오네.. 프론트엔드 기술의 수명이 평균적으로 5년이라던데 정말인가..