yamoo9

{
    "clientName": "Thunder Client",
    "collectionName": "DummyJSON API",
    "collectionId": "193db17a-7a2c-4d60-b975-56eb254bad93",
    "dateExported": "2025-07-14T19:06:22.745Z",
    "version": "1.2",
    "folders": [],
    "requests": [
        {
            "_id": "4bb48847-62b7-4ae9-a433-bbd1f9cd4192",

yamoo9

@layer components {
  .Product {
    --padding: 8px;
    --round: 4px;
    --border-weight: 0.5px;
    --gap: 12px;

    --color: 200, 15%, 42%;
    --border-color: hsla(var(--color), 0.3);
    --background-color: color-mix(in srgb, hsl(var(--color)) 2%, white 100%);

yamoo9

[
  {
    "id": "avatar-1",
    "filename": "man-01",
    "ext": "jpg",
    "name": "박성준",
    "isOnline": false
  },
  {
    "id": "avatar-2",

yamoo9

<form method="get" action="/search">
  <img src="search.png" alt="돋보기">
  <br>
  <label>
    검색어
    <input name="term" type="search">
  </label>
  <button type="submit">검색</button>
</form>

yamoo9

:root {
  --primary-rgb: 8, 126, 164;
  --primary-rgba: var(--primary-rgb), 1;
  --forground-rgb: 10, 24, 48;
  --forground-rgba: var(--forground-rgb), 1;
  --background-rgb: 200, 245, 255;
  --background-rgba: var(--background-rgb), 0.3;
  --inner-space: 8px 16px;
  --spacing: 4px;
  --rounded: 4px;

yamoo9

yamoo9

import { readFile, writeFile } from 'node:fs/promises';
import { existsSync, mkdirSync } from 'node:fs';
import { resolve } from 'node:path';
import { argv } from 'node:process';

const { cssDir, entryFile, outDir, outFile } = parseOptions();

const CSS_DIR = cssDir ?? 'src';
const ENTRY_FILE = entryFile ?? 'main.css';
const OUTPUT_DIR = outDir ?? 'styles';

yamoo9

@use "sass:meta" as *;
@use "sass:list";
@use "sass:string";

@function get-value($props, $key) {
    $index: list.index($props, $key);
    @if $index != null {
        $value: list.nth($props, $index + 1);
        @return if(type-of($value) != string, $value, string.unquote($value));
    } @else {

yamoo9

/* eslint-disable no-useless-escape */

/* -------------------------------------------------------------------------- */
// 아이디 체크 유틸리티
// ▸ 5 ~ 20자 — 영문, 숫자 조합
/* -------------------------------------------------------------------------- */

export const isId = (value, { min = 4, max = 19 } = {}) => {
  const regExp = new RegExp(`^[a-z]+[a-z0-9]{${min},${max}}$`, 'g');
  return regExp.test(value);

yamoo9

/* -------------------------------------------------------------------------- */
/* FOCUSABLE (tabindex="-1" 포함)                                              */
/* -------------------------------------------------------------------------- */

const focusableSelector = `
  a[href], 
  area[href], 
  button, 
  input, 
  select,