폭포수 모형 (Waterfall Model) 폭포수 모형은 가장 오래되고 전통적인 소프트웨어 개발 모형으로, 초기 소프트웨어 개발에서 많이 사용된 고전적 생명 주기 모형입니다. 이 모형에서는 각 단계를 순차적으로 진행하며, 한 단계가 끝나야만 다음 단계로 넘어갈 수 있습니다. 단계별 정의와 산출물이 명확하게 제시되기 때문에, 계획 단계에서부터 유지보수 단계까지 체계적으로 진행할 수 있다는 장점이 있습니다.특징: 선형적 순차적 모형으로, 단계별 정의 및 산출물이 명확합니다.장점: 단계마다 명확한 문서화가 이루어지며, 프로젝트 관리가 수월합니다.단점: 개발 중간에 요구사항을 변경하기 어렵기 때문에 유연성이 부족합니다.진행 단계: 타당성 검토 → 계획 → 요구 분석 → 설계 → 구현(코딩) → 테스트 → 유지..

라우팅 (Routing)Svelte는 file-system을 기반으로 한 라우팅입니다./src/routes 폴더 안에 생성되는 폴더 이름으로 route가 됩니다.중첩 라우트(Nested Routes)의 경우 file-system이므로 폴더 안에 폴더를 생성하여 구현합니다.다이나믹 라우트는(Dynamic Routes)의 경우 폴더 명을 대괄호로 감싸고 사용할 params 명을 작성해 주면 됩니다.위의 예시에서 localhost/posts/3으로 접근하는 경우 postNum에 3의 값이 전달됩니다. localhostlocalhost/postslocalhost/posts/3 타입 세이프 (type safe)src 폴더 아래에 params라는 폴더를 생성하고 params의 type을 지정할 js 또는 ts 파일..

폴더 설명src/lib/ : 공통으로 사용될 수 있는 라이브러리 파일이나 컴포넌트를 두는 폴더src/routes : 웹 페이지에 route와 route의 페이지를 정의하는 폴더파일 설명+page.svelte : 페이지 컴포넌트를 정의하는 파일+page.ts : 특정 페이지에서 서버 측 로직을 처리할 때 사용하는 파일+layout.svelte : 여러 페이지에 공통적으로 적용할 레이아웃을 정의하는 파일+layout.ts : 레이아웃 컴포넌트에 필요한 서버 측 로직을 처리하는 파일Component.svelte : 페이지에 필요한 컴포넌트의 경우 컴포넌트 명을 파스칼케이스로 작성 (ex. 로그인 버튼 컴포넌트 Login.svelte)기본 문법SvelteKit은 기본 HTML 문법을 그대로 쓰는 느낌으로 사용할..

SvelteKit이란?SvelteKit은 svelte 프레임워크를 기반으로 한 현대적인 웹 애플리케이션 프레임워크입니다. svelte의 장점인 반응성을 유지하면서도 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), API 라우팅 등의 기능을 통합하여 개발자에게 보다 강력하고 유연한 도구를 제공합니다. 이번에 개인 프로젝트를 진행하면서 Frontend 프레임 워크로 선정하여 프로젝트를 진행하며 공부한 내용을 기록하려고 합니다.sveltekit createsveltekit을 생성하는 방법을 공식문서에서 참고하였습니다.https://svelte.dev/docs/svelte/getting-started Getting started • Docs • SvelteWe recommend using Svelte..