deploy: 093ec0b

Author: ph-value

post/markdown_example.md

@@ -0,0 +1,233 @@
+---
+title: 예제 마크다운 Test...!
+date: 2024-08-14
+category: Test
+tag: Example
+slug: example_markdown
+---
+
+# h1 Heading 8-)
+
+## h2 Heading
+
+### h3 Heading
+
+#### h4 Heading
+
+##### h5 Heading
+
+###### h6 Heading
+
+## Horizontal Rules
+
+---
+
+---
+
+---
+
+![iconhabit](../project_images/iconhabit-ios-screenshot-1.png)
+
+![Image](../assets/post_images/tutorial1_light.png)
+
+## Typographic replacements
+
+Enable typographer option to see result.
+
+(c) (C) (r) (R) (tm) (TM) (p) (P) +-
+
+test.. test... test..... test?..... test!....
+
+!!!!!! ???? ,, -- ---
+
+"Smartypants, double quotes" and 'single quotes'
+
+## Emphasis
+
+**This is bold text**
+
+**This is bold text**
+
+_This is italic text_
+
+_This is italic text_
+
+~~Strikethrough~~
+
+## Blockquotes
+
+> Blockquotes can also be nested...
+>
+> > ...by using additional greater-than signs right next to each other...
+> >
+> > > ...or with spaces between arrows.
+
+## Lists
+
+Unordered
+
+- Create a list by starting a line with `+`, `-`, or `*`
+- Sub-lists are made by indenting 2 spaces:
+  - Marker character change forces new list start:
+    - Ac tristique libero volutpat at
+    * Facilisis in pretium nisl aliquet
+    - Nulla volutpat aliquam velit
+- Very easy!
+
+Ordered
+
+1. Lorem ipsum dolor sit amet
+2. Consectetur adipiscing elit
+3. Integer molestie lorem at massa
+
+4. You can use sequential numbers...
+5. ...or keep all the numbers as `1.`
+
+Start numbering with offset:
+
+57. foo
+1. bar
+
+## Code
+
+Inline `code`
+
+Indented code
+
+    // Some comments
+    line 1 of code
+    line 2 of code
+    line 3 of code
+
+Block code "fences"
+
+```
+Sample text here...
+```
+
+Syntax highlighting
+
+```js
+var foo = function (bar) {
+  return bar++;
+};
+
+console.log(foo(5));
+```
+
+## Tables
+
+| Option | Description                                                               |
+| ------ | ------------------------------------------------------------------------- |
+| data   | path to data files to supply the data that will be passed into templates. |
+| engine | engine to be used for processing templates. Handlebars is the default.    |
+| ext    | extension to be used for dest files.                                      |
+
+Right aligned columns
+
+| Option |                                                               Description |
+| -----: | ------------------------------------------------------------------------: |
+|   data | path to data files to supply the data that will be passed into templates. |
+| engine |    engine to be used for processing templates. Handlebars is the default. |
+|    ext |                                      extension to be used for dest files. |
+
+## Links
+
+[link text](http://dev.nodeca.com)
+
+[link with title](http://nodeca.github.io/pica/demo/ "title text!")
+
+Autoconverted link https://github.com/nodeca/pica (enable linkify to see)
+
+## Images
+
+![Minion](https://octodex.github.com/images/minion.png)
+![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat")
+
+Like links, Images also have a footnote style syntax
+
+![Alt text][id]
+
+With a reference later in the document defining the URL location:
+
+[id]: https://octodex.github.com/images/dojocat.jpg "The Dojocat"
+
+## Plugins
+
+The killer feature of `markdown-it` is very effective support of
+[syntax plugins](https://www.npmjs.org/browse/keyword/markdown-it-plugin).
+
+### [Emojies](https://github.com/markdown-it/markdown-it-emoji)
+
+> Classic markup: :wink: :cry: :laughing: :yum:
+>
+> Shortcuts (emoticons): :-) :-( 8-) ;)
+
+see [how to change output](https://github.com/markdown-it/markdown-it-emoji#change-output) with twemoji.
+
+### [Subscript](https://github.com/markdown-it/markdown-it-sub) / [Superscript](https://github.com/markdown-it/markdown-it-sup)
+
+- 19^th^
+- H~2~O
+
+### [\<ins>](https://github.com/markdown-it/markdown-it-ins)
+
+++Inserted text++
+
+### [\<mark>](https://github.com/markdown-it/markdown-it-mark)
+
+==Marked text==
+
+### [Footnotes](https://github.com/markdown-it/markdown-it-footnote)
+
+Footnote 1 link[^first].
+
+Footnote 2 link[^second].
+
+Inline footnote^[Text of inline footnote] definition.
+
+Duplicated footnote reference[^second].
+
+[^first]: Footnote **can have markup**
+
+    and multiple paragraphs.
+
+[^second]: Footnote text.
+
+### [Definition lists](https://github.com/markdown-it/markdown-it-deflist)
+
+Term 1
+
+: Definition 1
+with lazy continuation.
+
+Term 2 with _inline markup_
+
+: Definition 2
+
+        { some code, part of Definition 2 }
+
+    Third paragraph of definition 2.
+
+_Compact style:_
+
+Term 1
+~ Definition 1
+
+Term 2
+~ Definition 2a
+~ Definition 2b
+
+### [Abbreviations](https://github.com/markdown-it/markdown-it-abbr)
+
+This is HTML abbreviation example.
+
+It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on.
+
+\*[HTML]: Hyper Text Markup Language
+
+### [Custom containers](https://github.com/markdown-it/markdown-it-container)
+
+::: warning
+_here be dragons_
+:::

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에서 흔히 사용됨