????? ??? ????
??? ?? ?? ?? ??? ?? ???? ??? ???? ???? ???????? ??? ?? ??? ???? ?? ?? ??? ?? ?? ??? ???? ??? ???? ??? ??? ?? ??? ??? ??? ?????.
????? ???? ???? ????? ??? ??? ? ?? ??? ?? HTTP ??? ?? API? ??? ????? ?? ??? ??? ???? ???. ??? ? ??? ?? ??? ???? ???? ?? ????? ??? ?? ??? ? ??? ?? ??? ???? ?? ????.
???? ???? ?? ??? ?? ?????? JavaScript ???? ??? ?? ??? ?? ???? ??? ??? ??? ??? ????.
? ????? ?? ??, ??, ???? ?? ? ???? ???? VineJS? Zod? ??? ?????. ???? VineJS? ????? ????? Zod? ?????? ??? TypeScript ?? ??? ???? ????? ?? ?? ?? ??? ??? ?? ?? ? ????.
VineJS? ??????
VineJS? ??? ???? ??? ??? ????? ??? ?? JavaScript/TypeScript ??? ?? ????????.
? ????? AdonisJS ??? ??? ??????? ?????? ??????? ?? ??? ?????? ???????. VineJS? Node.js ?? ? ??, ?? ?? ?? ?? ????? ???? ???? ???? ?? API? ?? ?? ??? ???? ???? ?? ?? ?????? ????? ???????.
VineJS? ?? ?? ? ??? ??? ????.
- ?? ? ?? — ?????? ??????? ?? ????? ?????? ???? ????? ??? ? ??? ???? ???????.
- TypeScript ?? — VineJS? ??? ???? ?? ?? ??? ????? ??? ???? ??? ???? ?????.
- ??? ?? ?? ??? — ?? ??? ??? API? ???? ?? ???? ???? ??? ?? ??? ??? ? ????
- ??? ?? — VineJS? ? ?? ???? ?? ?? ???? ?? ??? ?? ???? ???? ???? ??? ??? ?????
- ??? ?? ??? — VineJS? ??? ?? ? ??? ??? ??? ???? ? ??? ???? ???? JavaScript ??? ?? ????? ??? ????? ?????.
- ??? — VineJS? ???? ????? ?? ?? ??? ???? ??? ?? ??? ?? ? ??? ?? ??? ?? ?? ??? ? ????
?? ????? ??? ?? ? ??? ??? ????? ???????.
VineJS? ??? ??? ??
VineJS? ??? ??? ?? ?? ? ??? ???????.
?? ??? ??
??? ???? ?? ??? ???? ??? ? ???, ??, ??? ?? ?? ??? ??? ???? ???? ?? ? ?? ??? ??? ????. VineJS? ???? API? ?? ? ????? ??????.
?? ?? ???? ??? ??? ?????.
import vine, { errors } from "@vinejs/vine"; // NOTE: VineJS is ESM only
const ageSchema = vine.number().min(18).max(30);
try {
const output = await vine.validate({ schema: ageSchema, data: 21 });
console.log(output);
} catch (error) {
if (error instanceof errors.E_VALIDATION_ERROR) {
console.log("validation error: age is invalid");
} else {
console.log("an unexpected error occurred");
}
}
? ???? ??? ???? ???? ?? ??? ???? ???? min ? max ???? ???? 18?? 30 ???? ??????. VineJS? ??? ??? ? ???? ?? ?? ??? ?? ??? ?? ??? ?????.
?? ??? ???? ?? ?? ???? ??? ???? ?? ??? ????. ?? ??, ??? ?? ?? ?? ???? ???? ????? ??? ??? ??? ? ??? ??? ? ????.
const usernameSchema = vine
.string()
.toLowerCase()
.minLength(3)
.maxLength(15)
.regex(/^[a-z0-9_]+$/);
console.log(vine.validate({schema: nameSchema, data: "Bruce_Wayne"})) // logs bruce wayne
? ????? ??? ??? ??? ??? ???? ?? ???? ?????.
?? ? ?? ??? ??
?? ??? ?? ??? VineJS? ?? ? ??? ?? ??? ??? ????? ?? ??? ?? ?? ?? API ????? ??? ???? ? ?? ?????.
??? ???? ???? ??? ???? ???? ??? ???????.
const userProfileSchema = vine.object({
name: vine.string().minLength(3),
email: vine.string().email(),
age: vine.number().min(18).max(65).optional(),
});
const output = await vine.validate({
schema: ageSchema,
data: {
name: "Jane Doe",
email: "jane.doe@example.com",
age: 29,
},
}); // logs { name: 'Jane Doe', email: 'jane.doe@example.com', age: 29 }
? ???? ??, ???, ?? ??? ??? ??? ???? ???? ??????.
vine.object() ???? ???? ??? ??? ?? ? ??? ???? ??? ? ????. vine.object? ?? ??? ????? ????? ???? ??? ??? ??? ???. ??? option() ???? ???? age ??? ?? ???? ?????? ?? ??? ??? ??? ??? ???? ????.
??? ???? ??? ? ????.
const tagsSchema = vine
.array(vine.string().minLength(2).maxLength(20))
.minLength(1)
.maxLength(10);
console.log(
await vine.validate({
schema: tagsSchema,
data: ["tech", "news", "coding"],
})
); // logs [ 'tech', 'news', 'coding' ]
? ??? ???? ??? ? ??? 2~20? ??? ????? ?? ??? 1~10?? ??? ???? ?? ?????. ?? ??? ????? ?? ??? ???? ???? ? ?? ?????.
??? ?? ???
?? ???? ???? ??? ??? ???? ? ?? ???? JavaScript ??? ???? ???? ????? ?? ???? ???? ???? ????? ??? ? ??? ?? VineJS? ?? ?????. ?? ?? ??? ???? ?? ???? ???? ?? ??? ? ????.
???? ?? ?????? vine.compile() ???? ??? ? ????.
const compiledSchema = vine.compile(
vine.object({
username: vine.string().minLength(3).maxLength(30),
password: vine.string().minLength(8),
})
);
// Use the compiled schema to validate data
console.log(
await compiledSchema.validate({
username: "janedoe",
password: "password123",
})
);
?? ???? ???? ?? API ?????? ?? ??? ??? ??? ???? ?? ?????.
???? ??? ??? ??? ?????? ???? ?? ???? ???? ???? ????? ??? ?? ???? VineJS? ?? ???? ??? ?? ??????? ???? ?? ? ????.
??? ?? ?? ???
??? ?? ?? ???? ????? ?? ??? ???? ???? ??? ? ?? ???? ??? ? ??? ?????. VineJS? ??? SimpleMessagesProvider API? ???? ?? ???? ?-? ??? ?????. ?? ?? ??(?: ?? ? ???)??? ?? ??-?? ??? ? ??? ?? ?? ?? ??????.
SimpleMessagesProvider API? ?????, ??? ???? ?? ??? ?? ???? ??? ? ??? ? ????. ?? ?? ????? API? ????? ???????.
?? ?? ??? ??? ??? ??? ?? ?? ???? ??????? ??? ?????.
import vine, { errors } from "@vinejs/vine"; // NOTE: VineJS is ESM only
const ageSchema = vine.number().min(18).max(30);
try {
const output = await vine.validate({ schema: ageSchema, data: 21 });
console.log(output);
} catch (error) {
if (error instanceof errors.E_VALIDATION_ERROR) {
console.log("validation error: age is invalid");
} else {
console.log("an unexpected error occurred");
}
}
?? ??? ?? ??? ?? ???? ????? ?? ????. ??? ??? ?? ? ???? ?????.
const usernameSchema = vine
.string()
.toLowerCase()
.minLength(3)
.maxLength(15)
.regex(/^[a-z0-9_]+$/);
console.log(vine.validate({schema: nameSchema, data: "Bruce_Wayne"})) // logs bruce wayne
?? ??? ?? ?????(*)? ???? ?? ??? ???? ????? ??? ??? ? ????.
const userProfileSchema = vine.object({
name: vine.string().minLength(3),
email: vine.string().email(),
age: vine.number().min(18).max(65).optional(),
});
const output = await vine.validate({
schema: ageSchema,
data: {
name: "Jane Doe",
email: "jane.doe@example.com",
age: 29,
},
}); // logs { name: 'Jane Doe', email: 'jane.doe@example.com', age: 29 }
VineJS? ???? ?? ??? ?? ??? ???? ???? ??? ?? ????. ?? ??? ?? ??? ????? ???? ???? ???? ?? ? ?????.
const tagsSchema = vine
.array(vine.string().minLength(2).maxLength(20))
.minLength(1)
.maxLength(10);
console.log(
await vine.validate({
schema: tagsSchema,
data: ["tech", "news", "coding"],
})
); // logs [ 'tech', 'news', 'coding' ]
??? ?? ??? ?? ??
??? ??? ???? ? ???? VineJS? ????? ?? ?? ??? ???? ??? ?? ?? ??? ??? ? ?? ??? ?????. ??? ??? ?? ??? ?? ??? ??? ????? ?? ??? ???? ???? ?????? ??? ? ????.
VineJS?? ??? ?? ??? ??? ?? ?? ??????? ???? ???? ?????. ????? ? ?? ????(??? ?, ??? ??? ? ?? ??, ?? ????)? ??? ?????.
?? ?? ???? ??? MongoDB ObjectId?? ???? mongodbId?? ??? ?? ??? ??? ?????.
const compiledSchema = vine.compile(
vine.object({
username: vine.string().minLength(3).maxLength(30),
password: vine.string().minLength(8),
})
);
// Use the compiled schema to validate data
console.log(
await compiledSchema.validate({
username: "janedoe",
password: "password123",
})
);
VineJS ??? ??? ? ??? ??? ? ??? ??? ?? vine.createRule ???? ???? ?? VineJS ?? ???? ???? ???.
import vine, { SimpleMessagesProvider } from '@vinejs/vine';
vine.messagesProvider = new SimpleMessagesProvider({
'required': 'You must provide a value for {{ field }}.',
'email': '{{ field }} needs to be a valid email address.',
'username.required': 'A username is required to continue.',
});
??? ?? ?????? mongodbId ???? VineString ???? ?? ???? ?? ??? API? ??? ?? ? ????.
??? ?????
Zod? ?????? ??? TypeScript ?? ??? ?? ????????. ??? ??? ??? ?? ??? ?? ???? ??? ? ??? ?????? ??? ?????? ??? ?????.
TypeScript??? ??? ??? Zod? TypeScript ????? ?? ??? ??? ??? ?? ??? ?????.
Zod? ?? ??? ??? ????.
- TypeScript ?? — Zod? TypeScript? ???? ???? ??? ?? ??? TypeScript ??? ?????? ???? ??? ?? ??? ?????.
- ??? ?? ?? ??? — Zod? ???? ????? ?? ?? ???? ???? ?? ??? ?? ?? ???? ??? ? ????
- ???? ?? - ??? ?? ? ?? ??? ? ??? ?? ? ??? ??? ??? ??? ???? ????.
- ??? — Zod ???? ????? ?? ? ??? ??? ? ????.
- ??? ?? — Zod npm ???? ?? ???? ?? ?? ?????
- ???? ? Node.js ??? — Zod? Node.js? ?? ???? ???? ????? ??? ?? ???? ????? ? ??????.
Zod? ??? ??? ??
Zod? ??? ??? ???? ???? ??? ??? ??? ??? ?? ?? ??? ?? ??? ? ??? ????. ?? ???? ? ? ??? ??? VineJS? ?? ?????.
?? ??? ??
Zod? ???, ??, ??, ??? ?? ?? ??? ??? ? ?????.
?? ?? ???? ??? ???? ???? ?? ??? ???? ??? ?????.
import vine, { errors } from "@vinejs/vine"; // NOTE: VineJS is ESM only
const ageSchema = vine.number().min(18).max(30);
try {
const output = await vine.validate({ schema: ageSchema, data: 21 });
console.log(output);
} catch (error) {
if (error instanceof errors.E_VALIDATION_ERROR) {
console.log("validation error: age is invalid");
} else {
console.log("an unexpected error occurred");
}
}
? ??? nameSchema? "Peter Parker"? ????? ???? ????? ??? 18? ????? ageResult? ?????.
?? ? ?? ??? ??
??? ??? ?? ? Zod? ???? ???? ??? ???? ??? ? ????. ?? ?? ??? ??? ?? ??? ???? ???? ??? ??? ?? ??? ? ????.
const usernameSchema = vine
.string()
.toLowerCase()
.minLength(3)
.maxLength(15)
.regex(/^[a-z0-9_]+$/);
console.log(vine.validate({schema: nameSchema, data: "Bruce_Wayne"})) // logs bruce wayne
? ??? userSchema? ??? ???? ???? ????, taggedSchema? ??? ???? ???? ??? ?????. 123? ???? ??? ??? ?? ??? ??? ?????.
??? ?? ?? ???
?? ???? ?? ???? ??? ??? ? ?? ??? ? ??? Zod? ?? ??? ?? ???? ?????.
?? ?? ??? 18? ??? ?? ?? ???? ??? ? ????.
const userProfileSchema = vine.object({
name: vine.string().minLength(3),
email: vine.string().email(),
age: vine.number().min(18).max(65).optional(),
});
const output = await vine.validate({
schema: ageSchema,
data: {
name: "Jane Doe",
email: "jane.doe@example.com",
age: 29,
},
}); // logs { name: 'Jane Doe', email: 'jane.doe@example.com', age: 29 }
??? ??? ??? ???? ??? ?? ?? ???? 18? ????? ???.
??? ??
Zod? ?? ?? ?? ??? ??? ??? ? ?? ??? ??? ???? ??? ?? ??? ?? ??? ??? ? ?? ???? ?????.
?? ?? 16?? ?? ??? ???? ????? ??? ????? ???? ????? ???? ????. ?? ?? ??? ???? ???. ??? ??? ????.
const tagsSchema = vine
.array(vine.string().minLength(2).maxLength(20))
.minLength(1)
.maxLength(10);
console.log(
await vine.validate({
schema: tagsSchema,
data: ["tech", "news", "coding"],
})
); // logs [ 'tech', 'news', 'coding' ]
? ???? ???? 3? ?? 6?(#RGB ?? #RRGGBB)? ??? ??? 16?? ?? ???? ???? ?? ??? ???? ???? ??? ?? ??? ?? ??? ??????.
VineJS ? Zod
??
VineJS ??? ????? ??? VineJS? Node.js ????? ?? ?? ??? ?? ????? ? ???? ?? ?? ??? ?? ? ?? ??? ???? Yup ? Zod? ?????. 
VineJS ??? ?? ????.
????? VineJS? ??? ??? ????? ???? ??? ??? ??????? ??? ????? ?????. Zod? ? ???? ???? ?? ??? ??? ????.
?????? ??
TypeScript ??? ? ?? ?? ????? Zod? ?? ??? ?? ???? ??? ?? TypeScript? ??? ?? ???????. VineJS? TypeScript? ????? ???? ???? ?? TypeScript? ?? ??????? Zod? ?? ??? ????.
???
? ?? ???, ????, ????? ?? Zod? ? ?? ??? ????? ???? ????. ??? VineJS? ?? ????, ???? ??, ???? ??? ???, ???? ?? API? ?? ?? ??? ?? ?? ??? ??? ?????.
????
VineJS ??? ?? ??? ????? ????? ????? ???? ???? ????. ??? ???? ?? ????? ? ??? ??? ??? ???????? ???? ????. ?? CommonJS? ???? ???? ?? ???? ????? ??? ? ? ????. ESM(ECMAScript ??)??? ?????.
??? Zod? ? ?? ?? JavaScript ?? ???? ???? ??? ??? ???? ??? ???? ? ????? ??????? ? ?? ????? ? ?????.
?? ??? ??? ?? ?????
VineJS ? Zod ??? ??? ?? ??? ?? ??? ?? ??? ??? ??? ?? ? ?? ?? ?????? ????.
Yup? ???? ?? ??? ?? ??? ?? ??? ?? React ? Formik? ?? ??? ??? ? ??? ?? ??? ?? ?????. VineJS? Zod? ?? ??? ????? ? ???? ?? ? ??? ?? ??? API? ???? ??? ??? ??????.
Node.js ????? ?? ???? ??? ?????? joi?? ???. API? VineJS ? Zod? ?? ?? ???? ??? ??? ? ??? ? ?? ???? ???? ?? ??? ??? ?? ??? ??? ??? ?????. ??? ??? ??? ??? ?? ? ?? ?? ?????.
??? ??? JSON ??? ??? AJV? ?? ???????. Zod? VineJS?? ??? ???? API? ?????, ?? API?? JSON ???? ???? ?? ????. ??? ??? JSON ??? ??? ???? ???? ? ?? ???? ??? ???? ??????.
??
VineJS? Zod? ? ?? ??? ??? ?? ???? ? ? ?? ?? ??? ?? ??? ?? ?? ???? ?????. ??? ?? ?? ???? ?? ??? ??? ??? ?????? ? ??? ?? ????? ?? ?? ???? ???? ??????. ??? ?????!
LogRocket: ????? ???? JavaScript ??? ? ?? ??????.
?? ???? ?? ??? ?????. ??? ??? ? ?? ????? ??? ???? ?? ? ?????.
LogRocket? ???? ??? ??? ??? ??? ???? ??? ? ????. ??? ????? ???? ???? JavaScript ?????? ?? ??? ??? ???? ??? ??? ???? ??? ???? ??? ? ?? ??? ?????.
LogRocket? ?? ??, ??? ?? ??, ?? ??, ?? ??? ??? ?? ???? ??/??, ???? ????? ? ??? ?? ??? ?????. JavaScript ??? ??? ???? ?? ?? ?? ?? ????!
??? ??? ???.
? ??? ??? ??? ?? VineJS? Zod ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
??? ??
8638
17
1783
16
1728
56
1579
28
1444
31
Java vs. JavaScript : ??? ?????
Jun 20, 2025 am 12:27 AM
Java ? JavaScript? ?? ?? ????? ??? ?? ?? ?? ???? ????? ?????. Java? ??? ? ??? ?????? ??? ???? JavaScript? ?? ? ??? ??? ?????.
JavaScript ?? : ?? ??
Jun 19, 2025 am 12:40 AM
JavaScriptCommentsareEnsentialformaining, ?? ? ???? 1) Single-LinecommentsERUSEDFORQUICKEXPLANATIONS.2) Multi-linecommentSexplaincleClexLogicOrprovidedEdeDDocumentation.3) inlineecommentsClarifySpecificPartSofcode.bestPractic
JS? ??? ???? ???? ???
Jul 01, 2025 am 01:27 AM
JavaScript?? ??? ??? ?? ? ? ?? ??? ???????. 1. ?? ??? ??? ???? ?? ??? ????. ISO ?? ???? ???? ???? ???? ?? ????. 2. ?? ??? ?? ???? ??? ?? ???? ??? ? ??? ? ?? 0?? ????? ?? ??????. 3. ?? ?? ???? ???? ???? ?? ?????? ??? ? ????. 4. Luxon? ?? ???? ???? ?????? ???? ?? ????. ??? ?? ???? ????? ???? ??? ????? ?? ? ????.
JavaScript vs. Java : ?????? ??? ? ??
Jun 20, 2025 am 12:21 AM
JavaScriptIspreferredforwebDevelopment, whithjavaisbetterforlarge-scalebackendsystemsandandandoidapps.1) javascriptexcelsincreatinginteractivewebexperiences withitsdynatureanddommanipulation.2) javaoffersstrongtypingandobject-Orientededededededededededededededededdec
? ? ??? ??? ?? ???? ??? ??????
Jul 02, 2025 am 01:22 AM
TAGGSATTHEBOTTOMOFABLOGPOSTORWEBPAGESERVESPRACTICALPURSEO, USEREXPERIENCE, andDESIGN.1.ITHELPSWITHEOBYOWNSESPORENGENSTOESTOCESKESKERKESKERKERKERDER-RELEVANTTAGSWITHOUTHINGTEMAINCONTENT.2.ITIMPROVESEREXPERKEEPINGTOPONTEFOCUSOFOFOFOCUSOFOFOFOCUCUSONTHEATECLL
JavaScript : ???? ????? ??? ?? ??
Jun 20, 2025 am 12:46 AM
javascriptassevenfundamentalDatatatypes : ??, ???, ??, unull, ??, ? symbol.1) ?? seAdouble-precisionformat, ??? forwidevaluerangesbutbecautiouswithfatingfointarithmetic.2) stringsareimmutable, useefficientconcatenationmethendsf
DOM?? ??? ?? ? ? ??? ??????
Jul 02, 2025 am 01:19 AM
??? ?? ? ??? DOM?? ??? ??? ? ?????. ??? ?? ????? ?? ??????, ??? ?? ???? ?? ????????. 1. ??? ??? addeventListener? usecapture ?? ??? true? ???? ?????. 2. ??? ??? ?? ???? usecapture? ???? ????? ?????. 3. ??? ??? ??? ??? ???? ? ??? ? ????. 4. ??? ?? ?? ?? ??? ?? ??? ??????? ??? ???? ?????. 5. ??? ?? ?? ?? ??? ?? ???? ?? ???? ? ??? ? ????. ? ? ??? ???? ???? JavaScript? ??? ??? ??? ????? ???? ???? ??? ??????.
Java? JavaScript? ???? ??????
Jun 17, 2025 am 09:17 AM
Java? JavaScript? ?? ????? ?????. 1. Java? ???? ???? ??? ? ??? ?????? ?????? ? ?? ???? ?????. 2. JavaScript? ?? ? ?? ?? ? ??? ?? ??? ???? ??? ? ?? ? ?? ?????.
