240802 INFCON

Next.js 블로그 모범 사례 탐구: Vercel 리더십 블로그 아키텍처 파헤치기

Transcript

1. 당근마켓 하조은 Next.js 브 ᆯ 로 그 모버 ᆷ 사 례 탐구 Vercel 리 더 시 ᆸ 블로그 아키텍처 파헤치기
2. 하조은 소개
3. 당근마켓 소개
4. 꿈꾸던 무대 소개
5. 지식공유자 소개
6. 지식공유자 소개
7. Next.js 브 ᆯ 로 그 모 버 ᆷ 사 례 탐구 Vercel 리 더 시 ᆸ 블로그 아키텍처 파헤치기 소개
8. 제목 파헤치기 제목 파헤치기
9. Next.js 브 ᆯ 로 그 모 버 ᆷ 사 례 탐구 Vercel 리 더 시 ᆸ 블로그 아키텍처 파헤치기 제목 파헤치기
10. Vercel 리 더 시 ᆸ ୹୊: https://leerob.io/
11. Vercel 리 더 시 ᆸ Guillermo Rauch, CEO of Vercel ୹୊: https://leerob.io/
12. Vercel 리 더 시 ᆸ 블로그 Guillermo Rauch, CEO of Vercel
13. Vercel 리 더 시 ᆸ Lee Robinson, VP of Product at Vercel ୹୊: https://leerob.io/
14. Vercel 리 더 시 ᆸ 블로그 Lee Robinson, VP of Product at Vercel
15. Next.js 브 ᆯ 로 그 모 버 ᆷ 사 례 탐구 Vercel 리 더 시 ᆸ 블로그 아키텍처 파헤치기 제목 파헤치기
16. 블로그 서비스 🙅 블로그 아키텍처
17. 블로그 서비스 🙅 개인 블로그 🙆 블로그 아키텍처
18. 관점에 따라 아키텍처를 설명할 방법이 너무 많다 블로그 아키텍처
19. 오늘 집중할 3가지 포인트 블로그 아키텍처
20. 컨텐츠 데이터 관리 블로그 아키텍처
21. 컨텐츠 데이터 관리 라우팅과 렌더링 블로그 아키텍처
22. 컨텐츠 데이터 관리 라우팅과 렌더링 메타데이터 블로그 아키텍처
23. 목차 목차
24. 목차 일반적인 Next.js 블로그 아키텍처 Next.js 변화 따라잡기 기본 개념 Next.js 13 이후 Vercel 리더십 블로그 아키텍처 설정 훑어보기 컨텐츠 데이터 관리 라우팅과 렌더링 메타데이터 컨텐츠 데이터 관리 라우팅과 렌더링 메타데이터
25. 컨텐츠 데이터 관리 라우팅과 렌더링 메타데이터 목차 일반적인 Next.js 블로그 아키텍처 Next.js 변화 따라잡기 기본 개념 Next.js 13 이후 Vercel 리더십 블로그 아키텍처 설정 훑어보기 컨텐츠 데이터 관리 라우팅과 렌더링 메타데이터
26. 컨텐츠 데이터 관리 라우팅과 렌더링 메타데이터 목차 일반적인 Next.js 블로그 아키텍처 Next.js 변화 따라잡기 기본 개념 Next.js 13 이후 Vercel 리더십 블로그 아키텍처 설정 훑어보기 컨텐츠 데이터 관리 라우팅과 렌더링 메타데이터
27. 일반적인 Next.js 블로그 아키텍처 일반적인 Next.js 블로그 아키텍처
28. 컨텐츠 데이터 관리 일반적인 Next.js 블로그 아키텍처
29. 마크다운 파일로 글을 작성 filename.md 일반적인 Next.js 블로그 아키텍처 / 컨텐츠 데이터 관리
30. Front Matter 일반적인 Next.js 블로그 아키텍처 / 컨텐츠 데이터 관리
31. Front Matter Content 일반적인 Next.js 블로그 아키텍처 / 컨텐츠 데이터 관리
32. 마크다운을 파싱하는 함수 일반적인 Next.js 블로그 아키텍처 / 컨텐츠 데이터 관리 https://nextjs.org/learn-pages-router/basics/dynamic-routes/render-markdown
33. 마크다운 파일을 읽어 일반적인 Next.js 블로그 아키텍처 / 컨텐츠 데이터 관리 https://nextjs.org/learn-pages-router/basics/dynamic-routes/render-markdown
34. 마크다운 파일을 읽어 Front Matter와 일반적인 Next.js 블로그 아키텍처 / 컨텐츠 데이터 관리 https://nextjs.org/learn-pages-router/basics/dynamic-routes/render-markdown
35. 마크다운 파일을 읽어 Front Matter와 Content HTML로 파싱 일반적인 Next.js 블로그 아키텍처 / 컨텐츠 데이터 관리 https://nextjs.org/learn-pages-router/basics/dynamic-routes/render-markdown
36. 일반적인 Next.js 블로그 아키텍처 / 컨텐츠 데이터 관리 Markdown HTML
37. 일반적인 Next.js 블로그 아키텍처 / 컨텐츠 데이터 관리 Markdown HTML Markdown AST
38. 마크다운 파일을 읽어 Front Matter와 Content HTML로 파싱 그 결과를 반환 일반적인 Next.js 블로그 아키텍처 / 컨텐츠 데이터 관리 https://nextjs.org/learn-pages-router/basics/dynamic-routes/render-markdown
39. 라우팅과 렌더링 일반적인 Next.js 블로그 아키텍처
40. Dynamic Routes 일반적인 Next.js 블로그 아키텍처 / 라우팅과 렌더링
41. Static Site Generation getStaticProps 일반적인 Next.js 블로그 아키텍처 / 라우팅과 렌더링 pages/posts/[id].tsx
42. Static Site Generation UI Component 일반적인 Next.js 블로그 아키텍처 / 라우팅과 렌더링 pages/posts/[id].tsx
43. Static Site Generation UI Component 일반적인 Next.js 블로그 아키텍처 / 라우팅과 렌더링 pages/posts/[id].tsx
44. 메타데이터 일반적인 Next.js 블로그 아키텍처
45. 마크다운 파일에서 일반적인 Next.js 블로그 아키텍처 / 메타데이터
46. 마크다운 파일에서 메타데이터를 추출 일반적인 Next.js 블로그 아키텍처 / 메타데이터
47. 마크다운 파일에서 메타데이터를 추출 < Head 로 전달 일반적인 Next.js 블로그 아키텍처 / 메타데이터
48. Next.js 변화 따라잡기 Next.js 변화 따라잡기
49. 기본 개념 Next.js 변화 따라잡기
50. Next.js의 등장 배경 사전 렌더링 Pre rendering 파일 시스템 기반의 라우팅 API Routes Next.js 변화 따라잡기 / 기본 개념
51. Next.js의 등장 배경 사전 렌더링 Pre rendering 파일 시스템 기반의 라우팅 API Routes Next.js 변화 따라잡기 / 기본 개념 Next.js React의 한계를 극복하고 렌더링 서버를 쉽게 만들자!
52. Next.js의 등장 배경 사전 렌더링 Pre rendering 파일 시스템 기반의 라우팅 API Routes Next.js 변화 따라잡기 / 기본 개념 Server side Rendering Static Site Generation Incremental Static Regeneration
53. Next.js의 등장 배경 사전 렌더링 Pre rendering 파일 시스템 기반의 라우팅 API Routes Next.js 변화 따라잡기 / 기본 개념 Index routes Nested routes Dynamic routes
54. Next.js의 등장 배경 사전 렌더링 Pre rendering 파일 시스템 기반의 라우팅 API Routes Next.js 변화 따라잡기 / 기본 개념 Index routes Nested routes Dynamic routes
55. Next.js의 등장 배경 사전 렌더링 Pre rendering 파일 시스템 기반의 라우팅 API Routes Next.js 변화 따라잡기 / 기본 개념 Index routes Nested routes Dynamic routes
56. Next.js의 등장 배경 사전 렌더링 Pre rendering 파일 시스템 기반의 라우팅 API Routes Next.js 변화 따라잡기 / 기본 개념 Index routes Nested routes Dynamic routes
57. Next.js의 등장 배경 사전 렌더링 Pre rendering 파일 시스템 기반의 라우팅 API Routes Next.js 변화 따라잡기 / 기본 개념 파일 시스템 기반으로 API 생성
58. Next.js의 등장 배경 사전 렌더링 Pre rendering 파일 시스템 기반의 라우팅 API Routes Next.js 변화 따라잡기 / 기본 개념 파일 시스템 기반으로 API 생성
59. Next.js 13 이후 Next.js 변화 따라잡기
60. React Server Components App Router Route Groups Route Handlers Server Actions Partial Prerendering Next.js 변화 따라잡기 / Next.js 13 이후
61. React Server Components App Router Route Groups Route Handlers Server Actions Partial Prerendering Next.js 변화 따라잡기 / Next.js 13 이후 Before 페이지 단위로 서버 렌더링 After 컴포넌트 단위로 서버 렌더링
62. React Server Components App Router Route Groups Route Handlers Server Actions Partial Prerendering Next.js 변화 따라잡기 / Next.js 13 이후 Before After
63. React Server Components App Router Route Groups Route Handlers Server Actions Partial Prerendering Next.js 변화 따라잡기 / Next.js 13 이후
64. React Server Components App Router Route Groups Route Handlers Server Actions Partial Prerendering Next.js 변화 따라잡기 / Next.js 13 이후
65. React Server Components App Router Route Groups Route Handlers Server Actions Partial Prerendering Next.js 변화 따라잡기 / Next.js 13 이후
66. React Server Components App Router Route Groups Route Handlers Server Actions Partial Prerendering Next.js 변화 따라잡기 / Next.js 13 이후
67. React Server Components App Router Route Groups Route Handlers Server Actions Partial Prerendering Next.js 변화 따라잡기 / Next.js 13 이후 Before After
68. React Server Components App Router Route Groups Route Handlers Server Actions Partial Prerendering Next.js 변화 따라잡기 / Next.js 13 이후
69. React Server Components App Router Route Groups Route Handlers Server Actions Partial Prerendering Next.js 변화 따라잡기 / Next.js 13 이후 use server 서버에서 동작하는 코드를 컴포넌트에서 실행
70. React Server Components App Router Route Groups Route Handlers Server Actions Partial Prerendering Next.js 변화 따라잡기 / Next.js 13 이후 Shell Static 빌드 타임에 정적으로 렌더링 Holes Dynamic 런타임에 동적으로 렌더링
71. Vercel 리더십 블로그 아키텍처 Vercel 리더십 블로그 아키텍처
72. 설정 훑어보기 Vercel 리더십 블로그 아키텍처
73. rauchg.com https://github.com/rauchg/blog Vercel 리더십 블로그 아키텍처 / 설정 훑어보기 leerob.io https://github.com/leerob/leerob.io
74. package.json next : 14.0.5 canary.16 Vercel 리더십 블로그 아키텍처 / 설정 훑어보기 package.json next : 14.2.0 canary.66
75. Vercel 리더십 블로그 아키텍처 / 설정 훑어보기
76. Vercel 리더십 블로그 아키텍처 / 설정 훑어보기
77. Vercel 리더십 블로그 아키텍처 / 설정 훑어보기
78. Vercel 리더십 블로그 아키텍처 / 설정 훑어보기
79. Database가 필요하다 Vercel 리더십 블로그 아키텍처 / 설정 훑어보기
80. package.json upstash/redis : 1.20.1 Vercel 리더십 블로그 아키텍처 / 설정 훑어보기
81. Vercel 리더십 블로그 아키텍처 / 설정 훑어보기 https://github.com/rauchg/blog/blob/main/app/get-posts.ts#L18-L29
82. Vercel 리더십 블로그 아키텍처 / 설정 훑어보기 https://github.com/rauchg/blog/blob/main/app/get-posts.ts#L18-L29
83. Vercel 리더십 블로그 아키텍처 / 설정 훑어보기 https://github.com/rauchg/blog/blob/main/app/api/view/route.ts#L9 api/view/route.ts Route Handlers
84. Vercel 리더십 블로그 아키텍처 / 설정 훑어보기 https://github.com/rauchg/blog/blob/main/app/api/view/route.ts#L9
85. Vercel 리더십 블로그 아키텍처 / 설정 훑어보기 package.json postgres : 3.4.3
86. Vercel 리더십 블로그 아키텍처 / 설정 훑어보기 https://github.com/leerob/leerob.io/blob/main/app/db/queries.tsx#L37-L49 Server Actions
87. Vercel 리더십 블로그 아키텍처 / 설정 훑어보기 https://github.com/leerob/leerob.io/blob/main/app/db/actions.ts#L8-L16
88. 컨텐츠 데이터 관리 Vercel 리더십 블로그 아키텍처
89. 글을 코드로 관리 Vercel 리더십 블로그 아키텍처 / 컨텐츠 데이터 관리
90. Vercel 리더십 블로그 아키텍처 / 컨텐츠 데이터 관리
91. Vercel 리더십 블로그 아키텍처 / 컨텐츠 데이터 관리 https://github.com/rauchg/blog/blob/main/next.config.js#L1-L4
92. Vercel 리더십 블로그 아키텍처 / 컨텐츠 데이터 관리 https://github.com/rauchg/blog/blob/main/next.config.js#L1-L4
93. Vercel 리더십 블로그 아키텍처 / 컨텐츠 데이터 관리 Markdown HTML Markdown AST
94. Vercel 리더십 블로그 아키텍처 / 컨텐츠 데이터 관리 Markdown React Markdown AST
95. Vercel 리더십 블로그 아키텍처 / 컨텐츠 데이터 관리 글을 데이터로 관리
96. Vercel 리더십 블로그 아키텍처 / 컨텐츠 데이터 관리
97. Vercel 리더십 블로그 아키텍처 / 컨텐츠 데이터 관리 https://github.com/leerob/leerob.io/blob/main/app/db/blog.ts#L43-L56
98. Vercel 리더십 블로그 아키텍처 / 컨텐츠 데이터 관리 https://github.com/leerob/leerob.io/blob/main/app/db/blog.ts#L43-L56
99. Vercel 리더십 블로그 아키텍처 / 컨텐츠 데이터 관리 https://github.com/leerob/leerob.io/blob/main/app/db/blog.ts#L43-L56
100. Vercel 리더십 블로그 아키텍처 / 컨텐츠 데이터 관리 https://github.com/leerob/leerob.io/blob/main/app/blog/%5Bslug%5D/page.tsx#L85
101. Vercel 리더십 블로그 아키텍처 / 컨텐츠 데이터 관리 https://github.com/leerob/leerob.io/blob/main/app/blog/%5Bslug%5D/page.tsx#L85
102. 라우팅과 렌더링 Vercel 리더십 블로그 아키텍처
103. Route Groups Static Site Generation Vercel 리더십 블로그 아키텍처 / 라우팅과 렌더링
104. Vercel 리더십 블로그 아키텍처 / 라우팅과 렌더링
105. Vercel 리더십 블로그 아키텍처 / 라우팅과 렌더링
106. Vercel 리더십 블로그 아키텍처 / 라우팅과 렌더링
107. Vercel 리더십 블로그 아키텍처 / 라우팅과 렌더링
108. Vercel 리더십 블로그 아키텍처 / 라우팅과 렌더링 https://github.com/rauchg/blog/blob/main/app/(post)/layout.tsx#L6-L16
109. Vercel 리더십 블로그 아키텍처 / 라우팅과 렌더링 https://github.com/rauchg/blog/blob/main/app/(post)/layout.tsx#L6-L16
110. Route Groups Static Site Generation Vercel 리더십 블로그 아키텍처 / 라우팅과 렌더링
111. Route Groups Incremental Static Regeneration Vercel 리더십 블로그 아키텍처 / 라우팅과 렌더링
112. Vercel 리더십 블로그 아키텍처 / 라우팅과 렌더링 Dynamic Route Partial Prerendering
113. Vercel 리더십 블로그 아키텍처 / 라우팅과 렌더링
114. Vercel 리더십 블로그 아키텍처 / 라우팅과 렌더링
115. Vercel 리더십 블로그 아키텍처 / 라우팅과 렌더링
116. Vercel 리더십 블로그 아키텍처 / 라우팅과 렌더링
117. Vercel 리더십 블로그 아키텍처 / 라우팅과 렌더링 Holes
118. Vercel 리더십 블로그 아키텍처 / 라우팅과 렌더링 Shell Holes
119. Vercel 리더십 블로그 아키텍처 / 라우팅과 렌더링
120. 메타데이터 Vercel 리더십 블로그 아키텍처
121. 메타데이터 Static metadata object Vercel 리더십 블로그 아키텍처 / 메타데이터
122. Vercel 리더십 블로그 아키텍처 / 메타데이터
123. Vercel 리더십 블로그 아키텍처 / 메타데이터 https://github.com/rauchg/blog/blob/main/app/(post)/2021/making-the-web-faster/page.mdx page.mdx
124. Vercel 리더십 블로그 아키텍처 / 메타데이터 https://github.com/rauchg/blog/blob/main/app/(post)/2021/making-the-web-faster/page.mdx page.mdx
125. Open Graph Image Dynamic Image Generation Vercel 리더십 블로그 아키텍처 / 메타데이터
126. Vercel 리더십 블로그 아키텍처 / 메타데이터 https://github.com/rauchg/blog/blob/main/app/(post)/2021/making-the-web-faster/page.mdx page.mdx
127. Vercel 리더십 블로그 아키텍처 / 메타데이터 https://github.com/rauchg/blog/blob/main/app/(post)/2021/making-the-web-faster/page.mdx page.mdx
128. Vercel 리더십 블로그 아키텍처 / 메타데이터
129. Vercel 리더십 블로그 아키텍처 / 메타데이터 https://github.com/rauchg/blog/blob/main/app/(post)/og/%5Bid%5D/route.tsx#L35 og/route.tsx
130. Vercel 리더십 블로그 아키텍처 / 메타데이터 https://github.com/rauchg/blog/blob/main/app/(post)/og/%5Bid%5D/route.tsx#L35 og/route.tsx
131. Vercel 리더십 블로그 아키텍처 / 메타데이터 https://github.com/rauchg/blog/blob/main/app/(post)/og/%5Bid%5D/route.tsx#L35 og/route.tsx
132. Vercel 리더십 블로그 아키텍처 / 메타데이터 https://github.com/rauchg/blog/blob/main/app/(post)/og/%5Bid%5D/route.tsx#L35
133. Vercel 리더십 블로그 아키텍처 / 메타데이터 메타데이터 generateMetadata function
134. Vercel 리더십 블로그 아키텍처 / 메타데이터
135. Vercel 리더십 블로그 아키텍처 / 메타데이터 slug /page.tsx
136. Vercel 리더십 블로그 아키텍처 / 메타데이터 slug /page.tsx
137. Vercel 리더십 블로그 아키텍처 / 메타데이터 Open Graph Image Dynamic Image Generation
138. Vercel 리더십 블로그 아키텍처 / 메타데이터 slug /page.tsx
139. Vercel 리더십 블로그 아키텍처 / 메타데이터
140. Vercel 리더십 블로그 아키텍처 / 메타데이터 https://github.com/leerob/leerob.io/blob/main/app/og/route.tsx#L6 og/route.tsx
141. Vercel 리더십 블로그 아키텍처 / 메타데이터 og/route.tsx https://github.com/leerob/leerob.io/blob/main/app/og/route.tsx#L6
142. Vercel 리더십 블로그 아키텍처 / 메타데이터 og/route.tsx https://github.com/leerob/leerob.io/blob/main/app/og/route.tsx#L6
143. Vercel 리더십 블로그 아키텍처 / 메타데이터 https://github.com/leerob/leerob.io/blob/main/app/og/route.tsx#L6
144. Vercel 리더십 블로그 아키텍처 / 메타데이터 JSON - LD JSON for Linked Data
145. Vercel 리더십 블로그 아키텍처 / 메타데이터 https://github.com/leerob/leerob.io/blob/main/app/blog/%5Bslug%5D/ page.tsx#L94-L115
146. Vercel 리더십 블로그 아키텍처 / 메타데이터 https://github.com/leerob/leerob.io/blob/main/app/blog/%5Bslug%5D/ page.tsx#L94-L115
147. Vercel 리더십 블로그 아키텍처 / 메타데이터 https://github.com/leerob/leerob.io/blob/main/app/blog/%5Bslug%5D/ page.tsx#L94-L115
148. 정리 Vercel 리더십 블로그 아키텍처
149. Vercel 리더십 블로그 아키텍처 Guillermo Lee DB redis Route Handlers postgres Server Actions 데이터 관리 글을 코드로 글을 데이터로 라우팅 Route Groups Dynamic Routes 렌더링 ISR PPR 메타데이터 Static Dynamic Image Dynamic Dynamic Image
150. One more thing... One more thing...
151. 하조은의 블로그 아키텍처 하조은의 블로그 아키텍처
152. 하조은의 블로그 아키텍처 Guillermo Lee 하조은 redis Route Handlers postgres Server Actions null 글을 코드로 글을 데이터 글을 코드로 Route Groups Dynamic Routes Route Groups ISR PPR SSG Static Dynamic Static Dynamic Image Guillermo Lee DB redis Route Handlers postgres Server Actions 데이터 관리 글을 코드로 글을 데이터로 라우팅 Route Groups Dynamic Routes 렌더링 ISR PPR 메타데이터 Static Dynamic Image Dynamic Dynamic Image 하조은의 블로그 아키텍처
153. 하조은의 블로그 아키텍처 Guillermo Lee 하조은 DB redis Route Handlers postgres Server Actions null 데이터 관리 글을 코드로 글을 데이터로 글을 코드로 라우팅 Route Groups Dynamic Routes Route Groups 렌더링 ISR PPR SSG 메타데이터 Static Dynamic Image Dynamic Dynamic Image Static Dynamic Image
154. DB와 렌더링 하조은의 블로그 아키텍처
155. 하조은의 블로그 아키텍처 / DB와 렌더링
156. 하조은의 블로그 아키텍처 / DB와 렌더링
157. 하조은의 블로그 아키텍처 / DB와 렌더링
158. 하조은의 블로그 아키텍처 / DB와 렌더링
159. 하조은의 블로그 아키텍처 / DB와 렌더링 View Count는 없어도 괜찮아 View Count가 없으면 DB도 필요 없지!
160. 하조은의 블로그 아키텍처 / DB와 렌더링 DB가 없다는 건 ISR을 할 필요가 없다는 뜻! SSG로 간다
161. Guillermo 블로그의 단점 개선하기 하조은의 블로그 아키텍처
162. 하조은의 블로그 아키텍처 / Guillermo 블로그의 단점 개선하기 단점 글 목록 데이터 만드는 방식
163. 하조은의 블로그 아키텍처 / Guillermo 블로그의 단점 개선하기
164. 하조은의 블로그 아키텍처 / Guillermo 블로그의 단점 개선하기
165. 하조은의 블로그 아키텍처 / Guillermo 블로그의 단점 개선하기 수동으로! 한땀한땀!!!! 매번!!! 일일이!!
166. 하조은의 블로그 아키텍처 / Guillermo 블로그의 단점 개선하기 Guillermo Lee 하조은 DB redis Route Handlers postgres Server Actions null 데이터 관리 글을 코드로 글을 데이터로 글을 코드로 라우팅 Route Groups Dynamic Routes Route Groups 렌더링 ISR PPR SSG 메타데이터 Static Dynamic Image Dynamic Dynamic Image Static Dynamic Image
167. 하조은의 블로그 아키텍처 / Guillermo 블로그의 단점 개선하기 Guillermo Lee 하조은 DB redis Route Handlers postgres Server Actions null 데이터 관리 글을 코드로 글을 데이터로 글을 코드로 글을 데이터로도 라우팅 Route Groups Dynamic Routes Route Groups 렌더링 ISR PPR SSG 메타데이터 Static Dynamic Image Dynamic Dynamic Image Static Dynamic Image
168. 하조은의 블로그 아키텍처 / Guillermo 블로그의 단점 개선하기 https://github.com/hajoeun/blog/blob/main/src/utils/get-posts.ts#L16-L21
169. 하조은의 블로그 아키텍처 / Guillermo 블로그의 단점 개선하기 https://github.com/hajoeun/blog/blob/main/src/utils/get-posts.ts#L16-L21
170. 하조은의 블로그 아키텍처 / Guillermo 블로그의 단점 개선하기 https://github.com/hajoeun/blog/blob/main/app/page.tsx
171. 조금씩 발전하는 중입니다 하조은의 블로그 아키텍처
172. 마치며 마치며
173. 도움이 되셨나요? 마치며
174. Next.js 브 ᆯ 로 그 모 버 ᆷ 사 례 탐구 마치며
175. 모 범 사 례 는 완벽한 답을 의미하지 않아요 마치며
176. Vercel 리더십도 조금씩 다른 방법으로 블로그를 만들고 운영해요 마치며
177. Vercel 리더십의 블로그가 누군가에겐 정답이 아닐 수도 있어요 마치며
178. 완벽한 답을 찾기보단 상황에 맞는 적절한 답을 찾으시길 마치며
179. 감사합니다 마치며
180. 감사합니다