강의

멘토링

로드맵

Cộng đồng Hỏi & Đáp của Inflearn

Hình ảnh hồ sơ của yho795551490
yho795551490

câu hỏi đã được viết

Kiểm tra sách truyện và giao diện người dùng có thể được áp dụng trực tiếp vào thực hành

Cách quản lý .svg và thành phần IconButton trong TextField

svg를 public 말고 src>assets안에 넣는다면 import를 어떻게해야하나요?

Đã giải quyết

Viết

·

264

1

현재는 public에서 아이콘을 가져오는데 assets에 가져올때는 어떻게 하나요?

 

 

import type { Meta, StoryObj } from "@storybook/react";
import { IconButton } from "../../components/IconButton";
const meta = {
  title: "Buttons/IconButton",
  component: IconButton,
  parameters: {
    layout: "centered",
  },
  tags: ["autodocs"],
  argTypes: {
    alt: { control: "text", description: "아이콘의 대체 텍스트" },
    iconPath: {
      control: "text",
      description: "아이콘의 경로",
      defaultValue: "",
    },
    onClick: { action: "clicked", description: "아이콘 클릭 시 호출되는 함수" },
  },
} satisfies Meta<typeof IconButton>;

export default meta;
type Story = StoryObj<typeof meta>;

export const Default: Story = {
  args: {
    alt: "아이콘",
    iconPath: "ic-delete-dark.svg",
    onClick: () => {},
  },
};

 

reacttypescripttailwind-cssstorybookui-testing

Quiz

누적 레이아웃 이동(CLS)은 무엇이며 왜 최소화하는 것이 중요할까요?

코드 스타일을 유지하는 기준일까요?

컴포넌트 로딩 속도를 향상시키는 기법일까요?

예상치 못한 레이아웃 변경을 측정하며, 시각 안정성 및 SEO에 영향을 줄까요?

라이브러리 간 호환성을 확보하는 방법일까요?

Câu trả lời 2

1

yho79555님의 프로필 이미지
yho79555
Người đặt câu hỏi

강의에 있었네요

0

jasonkang님의 프로필 이미지
jasonkang
Người chia sẻ kiến thức

확인 감사합니다!

Hình ảnh hồ sơ của yho795551490
yho795551490

câu hỏi đã được viết

Đặt câu hỏi