스벨트4 스벨트 자바스크립트 문법 점검 좀더 진도를 나가기 전에 자바스크립트 문법 몇 가지를 확인하고 가야 진도가 편해질 것 같다.왜냐하면 제대로 자바스크립트 문법을 공부한 적이 없으므로...우선 예제에 자주 등장하는 3가지. 1. let함수 내부나 특정 블록에서만 사용할 변수를 선언할 때 사용for 루프나 if, switch 같은 조건문 내에서 특정 조건에 따른 변수 선언 시 사용let x = 1;if (x === 1) { let x = 2; // 새로운 블록 범위에서 선언 console.log(x); // 2}console.log(x); // 1 2. const프로그램 내의 상수값을 저장할 때 사용const PI = 3.14;if (true) { const PI = 2.71; // 새로운 블록 범위에서 선언 console.log(P.. 2025. 3. 11. 스벨트 첫 프로젝트 만들기 프로젝트 만드는게 뭔가 했더니 기본적인 템플릿을 내 로컬환경에 복제하는 것을 말했다.스벨트 공홈에서 다운로드 받는 방법도 있지만 깃허브에서 그대로 복제하는 방법이 더 편한다. 여기서부터는 VSC에서 새 터미널을 열고 하는 작업이다. 1. degit 설치degit 이란 명령을 사용하는데 깃허브의 파일들을 현재 경로로 복제하는 것이다.한번만 실행하면 되고, 전역으로 사용할 수 있게 해주는 것이다.npm install -g degit 여기서 잠깐!npm 이란 뭐지? npm(Node Package Manager)은 Node.js와 함께 설치되는 자바스크립트 패키지 매니저로, Node.js 프로젝트에서 필요한 패키지(모듈)를 설치, 관리, 삭제할 수 있는 도구다. 앞서 브라우저가 아닌 환경에서도 자바스크립트.. 2025. 3. 9. 스벨트 로컬개발환경 구축하기 이전에 다른 교재같은 것을 봤을 때 Node.js 를 사용하는 것들이 많았는데 사실 뭔지도 모르고 그냥 예제 따라하기 해봤던 기억이 있다. 지금 내 노트북에도 왠지 모르지만 Node.js는 설치되어 있다.그런데, 제이펍 출판사의 책을 읽으면서 새삼 알게되었다. Node.js란 브라우저 외의 환경에서도 자바스크립트를 실행할 수 있게 해주는 런타임도구라고.일단 스벨트가 실행하는데 Node.js가 필요하다는 정도만 알면 된다. Node.js — 어디서든 JavaScript를 실행하세요 Node.js — 어디서든 JavaScript를 실행하세요Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org Node.js 설치한.. 2025. 3. 9. 스벨트(Svelte)란? 요즘 웹개발 시 React를 많이 쓴다고 해서 나도 한번 배워볼까? 싶었지만 취미로 웹개발하는데 트렌드 쫓아가기도 힘들고 어렵다는 얘기도 있었고... 그러던 중 우연히 제이펍 출판사의 이벤트에 당첨되어 아무거나 받고 싶은 책 하나 고르라길래 호기심에 이 책을 선택함. 이유는 단 하나 "배우기 쉽대!"잘은 모르겠지만 쉽게 배우고 쓰는 프레임워크?순수 자바스크립트의 기본문법을 그대로 사용해 코딩할 수 있는 장점이 있단다. 리치 해리스가 2016년 처음 출시한 오픈소스로 2019년 3번째 버전이 나오면서 주목받기 시작. "Frameworks without the framework" 이라는 철학을 가짐. 간단한 문법을 보려면 스벨트 공홈에서 Playground로 가면 간단한 테스트 해볼 수 있음 Svelte .. 2025. 3. 9. 이전 1 다음
