update post

lazy-dinosaur · lazy-dinosaur · commit 3cbb970b2fd0 · 2025-07-03T13:21:13.000+09:00
diff --git a/content/posts/프로젝트/괴담집/괴담집 콘텐츠 인프라 구축.md b/content/posts/프로젝트/괴담집/괴담집 콘텐츠 인프라 구축.md
@@ -5,7 +5,7 @@ tags:
   - strapi
   - cms
 createdAt: 2025-06-23 09:47:32
-modifiedAt: 2025-06-28 19:49:02
+modifiedAt: 2025-07-03 13:18:40
 publish: 프로젝트/괴담집
 related:
   - "[[괴담집]]"
@@ -155,7 +155,7 @@ SUPABASE_BUCKET=<your-bucket-name>
 
 - 경로: `config/plugins.ts`
 
-```ts
+```typescript
 module.exports = {
   provider: "supabase",
   providerOptions: {
diff --git a/content/posts/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩.md b/content/posts/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩.md
@@ -5,7 +5,7 @@ tags:
   - study
   - clone
 createdAt: 2025-06-13 11:29:34
-modifiedAt: 2025-07-02 21:29:56
+modifiedAt: 2025-07-03 10:48:43
 publish: 프로젝트/당근마켓 클론코딩
 related: ""
 series: ""
diff --git a/content/posts/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Next.js 복습하기.md b/content/posts/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Next.js 복습하기.md
@@ -4,7 +4,7 @@ tags:
   - carrot-market
   - study
 createdAt: 2025-06-30 08:48:51
-modifiedAt: 2025-07-02 12:24:58
+modifiedAt: 2025-07-03 12:55:22
 publish: 프로젝트/당근마켓 클론코딩
 related:
   - "[[당근마켓 클론코딩]]"
@@ -222,4 +222,6 @@ export default function Login() {
 }
 ```
 
+#### useActionState의 초기값의 활용
+
 ## API Route Handler vs ServerAction
diff --git a/content/posts/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Validator 사용해보기.md b/content/posts/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Validator 사용해보기.md
@@ -0,0 +1,52 @@
+---
+tags:
+  - project
+  - carrot-market
+  - validator
+  - zod
+createdAt: 2025-07-03 13:12:42
+modifiedAt: 2025-07-03 13:21:06
+publish: 프로젝트/당근마켓 클론코딩
+related:
+  - 당근마켓 클론코딩
+  - 당근마켓 클론코딩으로 Zod 배우기
+series: ""
+---
+
+# 당근마켓 클론코딩으로 Validator 사용해보기
+
+## Validator과 함께 사용해보기
+
+Validator라이브러리는 간편하게 유효성 검사를 할 수 있는 프리셋 개념의 함수들을 많이 가지고 있다.
+
+### 설치
+
+`Validator`는 javascript모듈이기 때문에 설치시 추가로 타입 설치를 해주어야 `typescript`에서 불편함 없이 사용할 수 있다
+
+```bash
+bun add Validator
+bun i -D @types/Validator
+```
+
+### 기본 사용법
+
+사용 방식도 매우 간단하다. Validator 모듈 안의 `isMobilePhone`, `isJWT` 등등 값을 넣으면 boolean 값으로 바로 알려준다.
+
+```typescript
+import { isMobilePhone } from "Validator";
+
+const phone = "010-1234-1234";
+
+isMobilePhone(phone);
+```
+
+### Zod와 함께 사용하기
+
+[[당근마켓 클론코딩으로 Zod 배우기#refine 메소드]]를 활용하면 매우 간편하게 추가적인 유효성 검증을 실행할 수 있다.
+
+```typescript
+import { z } from "zod";
+import validator from "validator";
+
+const phoneSchema = z.string().trim().refine(validator.isMobilePhone);
+```
diff --git a/content/posts/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Zod 배우기.md b/content/posts/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Zod 배우기.md
@@ -5,7 +5,7 @@ tags:
   - study
   - zod
 createdAt: 2025-06-30 21:21:49
-modifiedAt: 2025-07-02 21:15:26
+modifiedAt: 2025-07-03 13:15:37
 publish: 프로젝트/당근마켓 클론코딩
 related:
   - "[[당근마켓 클론코딩]]"
@@ -405,3 +405,7 @@ const formSchema = z.object({
   confirmPassword: z.string().min(10),
 });
 ```
+
+## 참고
+
+- [[당근마켓 클론코딩으로 Validator 사용해보기]]
diff --git a/public/link-map.json b/public/link-map.json
@@ -1,5 +1,6 @@
 {
   "0.inbox/가상DOM의 원리.md": "자원/React/가상DOM의 원리",
+  "0.inbox/당근마켓 클론코딩으로 Validator 사용해보기.md": "프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Validator 사용해보기",
   "3.resource/크롬 확장프로그램/크롬 확장프로그램에 케시메모리 추가하기.md": "자원/크롬 확장프로그램/크롬 확장프로그램에 케시메모리 추가하기",
   "3.resource/Windows/Windows에 환경변수 설정하기.md": "자원/Windows/Windows에 환경변수 설정하기",
   "3.resource/Windows/Windows에서 AutoHotkey를 활용해 esc를 눌러 영문으로 전환하기.md": "자원/Windows/Windows에서 AutoHotkey를 활용해 esc를 눌러 영문으로 전환하기",
diff --git a/public/meta-data.json b/public/meta-data.json
@@ -10,6 +10,17 @@
                             "modifiedAt": "2025-06-17 14:39:39",
                             "publish": "자원/React"
                         },
+  {
+                            "urlPath": "프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Validator 사용해보기",
+                            "title": "당근마켓 클론코딩으로 Validator 사용해보기",
+                            "summary": "",
+                            "image": "",
+                            "tags": ["project", "carrot-market", "validator", "zod"],
+                            "series": "",
+                            "createdAt": "2025-07-03 13:12:42",
+                            "modifiedAt": "2025-07-03 13:21:06",
+                            "publish": "프로젝트/당근마켓 클론코딩"
+                        },
   {
                             "urlPath": "자원/크롬 확장프로그램/크롬 확장프로그램에 케시메모리 추가하기",
                             "title": "크롬 확장프로그램에 케시메모리 추가하기",
@@ -579,7 +590,7 @@
                             "tags": ["project", "carrot-market", "study", "zod"],
                             "series": "",
                             "createdAt": "2025-06-30 21:21:49",
-                            "modifiedAt": "2025-07-02 21:15:26",
+                            "modifiedAt": "2025-07-03 13:15:37",
                             "publish": "프로젝트/당근마켓 클론코딩"
                         },
   {
@@ -590,7 +601,7 @@
                             "tags": ["project", "carrot-market", "study", "clone"],
                             "series": "",
                             "createdAt": "2025-06-13 11:29:34",
-                            "modifiedAt": "2025-07-02 21:29:56",
+                            "modifiedAt": "2025-07-03 10:48:43",
                             "publish": "프로젝트/당근마켓 클론코딩"
                         },
   {
@@ -601,7 +612,7 @@
                             "tags": ["project", "carrot-market", "study"],
                             "series": "",
                             "createdAt": "2025-06-30 08:48:51",
-                            "modifiedAt": "2025-07-02 12:24:58",
+                            "modifiedAt": "2025-07-03 12:55:22",
                             "publish": "프로젝트/당근마켓 클론코딩"
                         },
   {
@@ -634,7 +645,7 @@
                             "tags": ["project", "\uad34\ub2f4\uc9d1", "strapi", "cms"],
                             "series": "",
                             "createdAt": "2025-06-23 09:47:32",
-                            "modifiedAt": "2025-06-28 19:49:02",
+                            "modifiedAt": "2025-07-03 13:18:40",
                             "publish": "프로젝트/괴담집"
                         },
   {
diff --git a/public/post-contents/프로젝트/괴담집/괴담집 콘텐츠 인프라 구축.json b/public/post-contents/프로젝트/괴담집/괴담집 콘텐츠 인프라 구축.json
diff --git a/public/post-contents/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Next.js 복습하기.json b/public/post-contents/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Next.js 복습하기.json
diff --git a/public/post-contents/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Validator 사용해보기.json b/public/post-contents/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Validator 사용해보기.json
@@ -0,0 +1,4 @@
+{
+  "content": "\n# 당근마켓 클론코딩으로 Validator 사용해보기\n\n## Validator과 함께 사용해보기\n\nValidator라이브러리는 간편하게 유효성 검사를 할 수 있는 프리셋 개념의 함수들을 많이 가지고 있다.\n\n### 설치\n\n`Validator`는 javascript모듈이기 때문에 설치시 추가로 타입 설치를 해주어야 `typescript`에서 불편함 없이 사용할 수 있다\n\n```bash\nbun add Validator\nbun i -D @types/Validator\n```\n\n### 기본 사용법\n\n사용 방식도 매우 간단하다. Validator 모듈 안의 `isMobilePhone`, `isJWT` 등등 값을 넣으면 boolean 값으로 바로 알려준다.\n\n```typescript\nimport { isMobilePhone } from \"Validator\";\n\nconst phone = \"010-1234-1234\";\n\nisMobilePhone(phone);\n```\n\n### Zod와 함께 사용하기\n\n[[당근마켓 클론코딩으로 Zod 배우기#refine 메소드]]를 활용하면 매우 간편하게 추가적인 유효성 검증을 실행할 수 있다.\n\n```typescript\nimport { z } from \"zod\";\nimport validator from \"validator\";\n\nconst phoneSchema = z.string().trim().refine(validator.isMobilePhone);\n```\n",
+  "plainContent": "Validator라이브러리는 간편하게 유효성 검사를 할 수 있는 프리셋 개념의 함수들을 많이 가지고 있다.\nValidator는 javascript모듈이기 때문에 설치시 추가로 타입 설치를 해주어야 typescript에서 불편함 없이 사용할 수 있다\n사용 방식도 매우 간단하다. Validator 모듈 안의 isMobilePhone, isJWT 등등 값을 넣으면 boolean 값으로 바로 알려준다.\n당근마켓 클론코딩으로 Zod 배우기#refine 메소드를 활용하면 매우 간편하게 추가적인 유효성 검증을 실행할 수 있다."
+}
diff --git a/public/post-contents/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Zod 배우기.json b/public/post-contents/프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Zod 배우기.json

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"0.inbox/가상DOM의 원리.md": "자원/React/가상DOM의 원리",`
	`3`	`+ "0.inbox/당근마켓 클론코딩으로 Validator 사용해보기.md": "프로젝트/당근마켓 클론코딩/당근마켓 클론코딩으로 Validator 사용해보기",`
`3`	`4`	`"3.resource/크롬 확장프로그램/크롬 확장프로그램에 케시메모리 추가하기.md": "자원/크롬 확장프로그램/크롬 확장프로그램에 케시메모리 추가하기",`
`4`	`5`	`"3.resource/Windows/Windows에 환경변수 설정하기.md": "자원/Windows/Windows에 환경변수 설정하기",`
`5`	`6`	`"3.resource/Windows/Windows에서 AutoHotkey를 활용해 esc를 눌러 영문으로 전환하기.md": "자원/Windows/Windows에서 AutoHotkey를 활용해 esc를 눌러 영문으로 전환하기",`
-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +{
 +  "content": "\n# 당근마켓 클론코딩으로 Validator 사용해보기\n\n## Validator과 함께 사용해보기\n\nValidator라이브러리는 간편하게 유효성 검사를 할 수 있는 프리셋 개념의 함수들을 많이 가지고 있다.\n\n### 설치\n\n`Validator`는 javascript모듈이기 때문에 설치시 추가로 타입 설치를 해주어야 `typescript`에서 불편함 없이 사용할 수 있다\n\n```bash\nbun add Validator\nbun i -D @types/Validator\n```\n\n### 기본 사용법\n\n사용 방식도 매우 간단하다. Validator 모듈 안의 `isMobilePhone`, `isJWT` 등등 값을 넣으면 boolean 값으로 바로 알려준다.\n\n```typescript\nimport { isMobilePhone } from \"Validator\";\n\nconst phone = \"010-1234-1234\";\n\nisMobilePhone(phone);\n```\n\n### Zod와 함께 사용하기\n\n[[당근마켓 클론코딩으로 Zod 배우기#refine 메소드]]를 활용하면 매우 간편하게 추가적인 유효성 검증을 실행할 수 있다.\n\n```typescript\nimport { z } from \"zod\";\nimport validator from \"validator\";\n\nconst phoneSchema = z.string().trim().refine(validator.isMobilePhone);\n```\n",
 +  "plainContent": "Validator라이브러리는 간편하게 유효성 검사를 할 수 있는 프리셋 개념의 함수들을 많이 가지고 있다.\nValidator는 javascript모듈이기 때문에 설치시 추가로 타입 설치를 해주어야 typescript에서 불편함 없이 사용할 수 있다\n사용 방식도 매우 간단하다. Validator 모듈 안의 isMobilePhone, isJWT 등등 값을 넣으면 boolean 값으로 바로 알려준다.\n당근마켓 클론코딩으로 Zod 배우기#refine 메소드를 활용하면 매우 간편하게 추가적인 유효성 검증을 실행할 수 있다."
 +}