TIL: Flutter Web에서 라우터와 슬러그에 대한 이해 추가

Author: ph-value

post/til_250915.md

@@ -0,0 +1,46 @@
+---
+title: TIL Flutter Web에서 라우터와 슬러그
+date: 2025-09-15
+category: Flutter
+tag: TIL
+slug: til_250915
+---
+
+## TIL – Flutter Web에서 라우터와 슬러그 이해하기
+
+### 1. 왜 라우터 패키지가 필요할까?
+
+Flutter Web은 브라우저 위에서 실행되기 때문에, 주소창의 URL이 곧 사용자가 접근하는 경로가 됩니다.
+
+하지만 단순히 Navigator만 사용하면 주소창이 `/`에 고정되고, 새로고침이나 북마크, 직접 URL 입력 시 원하는 페이지로 이동하지 못합니다.
+
+👉 그래서 go_router 같은 라우터 패키지가 필요합니다.
+
+- URL 경로(/about, /posts/slug)와 위젯을 쉽게 매핑
+
+- 브라우저의 뒤로/앞으로 버튼, 새로고침, 직접 URL 입력을 모두 자연스럽게 지원
+
+- 공유 가능한 URL을 통해 웹다운 사용자 경험 제공
+
+### 2. 슬러그(Slug)란?
+
+현재 제 블로그 포스트들은 스택 구조 없이 slug를 기반으로 표시되고 있습니다.
+
+Slug는 블로그 글이나 페이지를 구분하는 고유 문자열 ID입니다.
+
+주로 URL에 포함되어 사람이 읽기 좋은 형태로 작성됩니다.
+
+예시:
+
+`https://ph-value.github.io/posts/til_250915`
+
+여기서 `til_250925` 이 slug입니다.
+
+- Slug를 쓰면 DB의 숫자 ID 대신 의미 있는 URL을 만들 수 있어,
+  사용자가 기억하기 쉽고 SEO에도 유리합니다.
+
+### 3. 정리
+
+- Flutter Web에서는 URL이 앱의 라우팅과 직결되므로 라우터 패키지가 사실상 필수
+
+- 슬러그는 각 콘텐츠를 식별하는 짧고 읽기 좋은 고유 문자열로, 블로그나 CMS에서 흔히 사용됨