스벨트킷
-
스벨트킷(SvelteKit) API 엔드포인트 라우팅하기 - 09SvelteKit 2024. 10. 7. 22:10
스벨트킷(SvelteKit)은 프런트엔드 프레임워크로 잘 알려져 있지만, 백엔드 기능도 상당히 강력합니다. 특히 API 라우팅 기능을 제공해 별도의 서버 설정 없이도 다양한 작업을 수행할 수 있다는 점에서 매우 편리합니다. 이번 글에서는 스벨트킷을 사용해 API 엔드포인트를 생성하고, 그 과정과 장점을 살펴보겠습니다.1. API 라우트란?API 라우트는 RESTful 엔드포인트를 제공하여 사용자가 직접 요청을 보내고 데이터를 주고받을 수 있도록 합니다. 예를 들어, 사용자가 앱에서 특정 데이터를 요청하면 API 엔드포인트가 해당 요청을 처리해 응답을 보냅니다.2. 스벨트킷에서의 API 라우트 특징스벨트킷의 API 라우트는 별도의 서버를 설정하지 않고도 CRUD(Create, Read, Update, De..
-
스벨트킷(SvelteKit) Layout Groups 이해하기 - 08SvelteKit 2024. 10. 7. 21:49
이번 글에서는 SvelteKit의 Layout Groups 개념을 다룰 것입니다. Layout Groups는 여러 경로에 공통 레이아웃을 적용하면서도 URL 구조에 영향을 주지 않도록 도와줍니다. 이 개념을 예제를 통해 쉽게 설명하고자 합니다.1. Layout Groups란 무엇인가?Layout Groups는 SvelteKit에서 여러 경로에 동일한 레이아웃을 적용하기 위한 기능입니다. 특정 경로들을 하나의 그룹으로 묶어 공통 레이아웃을 사용할 수 있으며, 이때 URL 구조는 변경되지 않습니다.2. Layout Groups의 필요성때로는 애플리케이션의 여러 페이지가 동일한 레이아웃을 공유해야 하지만, URL 구조는 단순하게 유지되어야 합니다. 예를 들어, 로그인과 회원가입 페이지는 같은 레이아웃을 사용할..
-
스벨트킷(SvelteKit) 라우팅 - 04SvelteKit 2024. 10. 3. 21:04
스벨트킷(SvelteKit)은 파일 시스템 기반의 라우팅을 제공합니다. 이는 코드베이스 내 파일과 폴더에 따라 브라우저에서 접근할 수 있는 URL 경로가 정의된다는 뜻입니다. 이제 코드를 통해 구체적인 예시로 이 라우팅 방식을 알아보겠습니다.프로젝트 설정이전 글에서 설명한것처럼 먼저 새로운 스벨트킷 프로젝트를 설정하고 나서, 해당 프로젝트의 폴더 구조를 이해하는 것이 중요합니다. 기본 폴더 구조프로젝트를 설정한 후, src 폴더 아래에 routes 폴더를 생성하고 모든 라우트는 이 폴더 내에 위치해야 합니다. 스벨트킷에서는 라우트를 설정하기 위해 특정한 파일 및 폴더 명명 규칙을 따르는 것이 중요합니다.라우팅 규칙모든 라우트는 routes 폴더에 위치해야 합니다.**파일명은 +page.svelte**이어..
-
스벨트킷(SvelteKit) 프로젝트 구조 - 03SvelteKit 2024. 9. 29. 18:41
이번 글에서는 이전 강좌에서 만들어본 간단한 SvelteKit 애플리케이션의 파일과 폴더 구조에 대해 하나씩 살펴보도록 하겠습니다. 이미 "Hello World" 애플리케이션을 생성하고 실행하는 방법을 배웠으니, 이제 그 프로젝트 안에 포함된 파일들이 어떤 역할을 하는지 간단히 알아보겠습니다.프로젝트 디렉토리 구조 살펴보기먼저, VS Code에서 "Hello World" 프로젝트를 열면, 루트 디렉토리에는 아래 그림과 같이 폴더들과 파일들이 보일 것입니다. 1. package.json 파일이 파일은 Node.js 프로젝트에서 매우 중요한 역할을 하며, 프로젝트의 의존성(Dependencies) 및 실행 스크립트를 정의합니다.의존성: SvelteKit과 Svelte 관련 패키지가 여기에 나열되어 있습니다..