[Component] Alert 번역

.dumi/theme/common/BehaviorMap/BehaviorMap.tsx

@@ -324,10 +324,10 @@ const BehaviorMap: React.FC<BehaviorMapProps> = ({ data }) => {
 
   return (
     <div ref={ref} className={styles.container}>
-      <div className={styles.title}>{`${meta.frontmatter.title} 行为模式地图`}</div>
+      <div className={styles.title}>{`${meta.frontmatter.title} 행동 패턴 지도`}</div>
       <div className={styles.tips}>
-        <div className={styles.mvp}>MVP 行为目的</div>
-        <div className={styles.extension}>拓展行为目的</div>
+        <div className={styles.mvp}>MVP 행동 목적</div>
+        <div className={styles.extension}>확장 행동 목적</div>
       </div>
     </div>
   );

.dumi/theme/slots/ContentTabs/index.tsx

@@ -7,7 +7,7 @@ import type { IContentTabsProps } from 'dumi/theme-default/slots/ContentTabs';
 import type { TabsProps } from 'rc-tabs';
 
 const titleMap: Record<string, ReactNode> = {
-  design: '设计',
+  design: '디자인',
 };
 
 const iconMap: Record<string, ReactNode> = {
@@ -24,7 +24,7 @@ const ContentTabs: FC<IContentTabsProps> = ({ tabs, tabKey, onChange }) => {
   const items: TabsProps['items'] = [
     {
       key: 'development',
-      label: '开发',
+      label: '개발',
       icon: <CodeOutlined />,
     },
   ];

components/alert/demo/action.md

@@ -1,7 +1,3 @@
-## zh-CN
+## ko-KR
 
-可以在右上角自定义操作项。
-
-## en-US
-
-Custom action.
+커스텀 액션.

components/alert/demo/banner.md

@@ -1,7 +1,3 @@
-## zh-CN
+## ko-KR
 
-页面顶部通告形式，默认有图标且 `type` 为 'warning'。
-
-## en-US
-
-Display Alert as a banner at top of page.
+페이지 상단에 알림을 배너로 표시합니다. 기본 `type`은 'warning' 입니다.

components/alert/demo/basic.md

@@ -1,7 +1,3 @@
-## zh-CN
+## ko-KR
 
-最简单的用法，适用于简短的警告提示。
-
-## en-US
-
-The simplest usage for short messages.
+가장 간단한 사용법으로, 짧은 경고 메시지에 적합합니다.

components/alert/demo/closable.md

@@ -1,7 +1,3 @@
-## zh-CN
+## ko-KR
 
-显示关闭按钮，点击可关闭警告提示。
-
-## en-US
-
-To show close button.
+닫기 버튼을 표시하고, 클릭하면 경고 메시지를 닫을 수 있습니다.

components/alert/demo/component-token.md

@@ -1,7 +1,3 @@
-## zh-CN
+## ko-KR
 
-自定义组件 Token。
-
-## en-US
-
-Custom component token.
+컴포넌트 토큰 사용자 정의

components/alert/demo/custom-icon.md

@@ -1,7 +1,3 @@
-## zh-CN
+## ko-KR
 
-可口的图标让信息类型更加醒目。
-
-## en-US
-
-A relevant icon makes information clearer and more friendly.
+관련된 아이콘은 정보를 더 명확하고 두드러지게 만듭니다.

components/alert/demo/description.md

@@ -1,7 +1,3 @@
-## zh-CN
+## ko-KR
 
-含有辅助性文字介绍的警告提示。
-
-## en-US
-
-Additional description for alert message.
+부가 설명이 포함된 경고 메시지입니다.

components/alert/demo/error-boundary.md

@@ -1,7 +1,3 @@
-## zh-CN
+## ko-KR
 
-友好的 [React 错误处理](https://reactjs.org/blog/2017/07/26/error-handling-in-react-16.html) 包裹组件。
-
-## en-US
-
-ErrorBoundary Component for making error handling easier in [React](https://reactjs.org/blog/2017/07/26/error-handling-in-react-16.html).
+에러 처리를 더 쉽게 만들기 위한 ErrorBoundary [React](https://reactjs.org/blog/2017/07/26/error-handling-in-react-16.html) 컴포넌트.

components/alert/demo/icon.md

@@ -1,7 +1,3 @@
-## zh-CN
+## ko-KR
 
-可口的图标让信息类型更加醒目。
-
-## en-US
-
-A relevant icon will make information clearer and more friendly.
+적절한 아이콘은 정보를 더 명확하게 만들어줍니다.

components/alert/demo/loop-banner.md

@@ -1,7 +1,3 @@
-## zh-CN
+## ko-KR
 
-配合 [react-text-loop-next](https://npmjs.com/package/react-text-loop-next) 或 [react-fast-marquee](https://npmjs.com/package/react-fast-marquee) 实现消息轮播通知栏。
-
-## en-US
-
-Show a loop banner by using with [react-text-loop-next](https://npmjs.com/package/react-text-loop-next) or [react-fast-marquee](https://npmjs.com/package/react-fast-marquee).
+[react-text-loop-next](https://npmjs.com/package/react-text-loop-next) 또는 [react-fast-marquee](https://npmjs.com/package/react-fast-marquee)를 사용하여 순환 배너를 구현합니다.

components/alert/demo/smooth-closed.md

@@ -1,7 +1,3 @@
-## zh-CN
+## ko-KR
 
-平滑、自然的卸载提示。
-
-## en-US
-
-Smoothly unmount Alert upon close.
+닫을 때 알림을 부드럽게 제거합니다.

components/alert/demo/style.md

@@ -1,7 +1,3 @@
-## zh-CN
+## ko-KR
 
-共有四种样式 `success`、`info`、`warning`、`error`。
-
-## en-US
-
-There are 4 types of Alert: `success`, `info`, `warning`, `error`.
+알림에는 `success`, `info`, `warning`, `error` 네 가지 스타일이 있습니다.

components/alert/design/behavior-pattern.tsx

@@ -6,28 +6,28 @@ const BehaviorPattern: React.FC = () => (
   <BehaviorMap
     data={{
       id: '200000004',
-      label: '了解页面/模块内需要关注的提示',
+      label: '페이지/모듈 내에서 주의해야 할 알림을 이해하다',
       children: [
         {
           id: '500000061',
-          label: '了解提示信息',
+          label: '알림 정보를 이해하다',
           targetType: 'mvp',
           children: [
             {
               id: '707000085',
-              label: '了解提示内容',
+              label: '알림 내용을 이해하다',
               link: 'alert-index-tab-design-demo-content',
             },
             {
               id: '707000086',
-              label: '了解提示类型',
+              label: '알림 유형을 이해하다',
               link: 'alert-index-tab-design-demo-type',
             },
           ],
         },
         {
           id: '200000005',
-          label: '针对提示进行操作',
+          label: '알림에 대한 작업 수행',
           targetType: 'extension',
           link: 'alert-index-tab-design-demo-action',
         },

components/alert/design/demo/action.tsx

@@ -8,27 +8,34 @@ const Demo = () => {
   return (
     <Flex gap="large" vertical style={{ maxWidth: 600 }}>
       <Flex gap="middle" vertical>
-        <div>关闭提示</div>
-        <Alert showIcon closable message="你好！欢迎使用专业版，你可以根据自身需求添加业务模块。" />
+        <div>알림 닫기</div>
         <Alert
           showIcon
           closable
-          message="帮助信息"
-          description="你好，由于你的良好信用，我们决定赠送你三个月产品会员，欲了解会员特权与活动请进首页会员专区查看。"
+          message="안녕하세요! 전문판 사용을 환영합니다. 필요에 따라 비즈니스 모듈을 추가할 수 있습니다."
+        />
+        <Alert
+          showIcon
+          closable
+          message="도움 정보"
+          description="안녕하세요, 귀하의 좋은 신용을 고려하여 3개월 제품 회원권을 드리기로 결정했습니다. 회원 특권 및 활동에 대한 자세한 내용은 홈페이지 회원 구역에서 확인하시기 바랍니다."
         />
       </Flex>
       <Flex gap="middle" vertical>
-        <div>展开/收起提示</div>
+        <div>알림 펼치기/접기</div>
         <Alert
           showIcon
           closable
           message={
             <div>
               <Typography.Paragraph ellipsis={!expandA && { rows: 2 }} style={{ marginBottom: 8 }}>
-                提示信息超过2行时，可以使用将部分信息折叠，以减少空间占用。提示信息超过2行时，可以使用将部分信息折叠，以减少空间占用。提示信息超过2行时，可以使用将部分信息折叠，以减少空间占用。提示信息超过2行时，可以使用将部分信息折叠，以减少空间占用。提示信息超过2行时，可以使用将部分信息折叠，以减少空间占用。
+                알림 정보가 2줄을 초과할 경우, 일부 정보를 접어서 공간을 줄일 수 있습니다. 알림
+                정보가 2줄을 초과할 경우, 일부 정보를 접어서 공간을 줄일 수 있습니다. 알림 정보가
+                2줄을 초과할 경우, 일부 정보를 접어서 공간을 줄일 수 있습니다. 알림 정보가 2줄을
+                초과할 경우, 일부 정보를 접어서 공간을 줄일 수 있습니다.
               </Typography.Paragraph>
               <Typography.Link onClick={() => setExpandA((prev) => !prev)}>
-                {expandA ? '收起' : '展开更多'}
+                {expandA ? '접기' : '확장'}
               </Typography.Link>
             </div>
           }
@@ -40,35 +47,40 @@ const Demo = () => {
           message={
             <div>
               <Typography.Paragraph ellipsis={!expandB && { rows: 2 }} style={{ marginBottom: 8 }}>
-                提示信息超过2行时，可以使用将部分信息折叠，以减少空间占用。提示信息超过2行时，可以使用将部分信息折叠，以减少空间占用。提示信息超过2行时，可以使用将部分信息折叠，以减少空间占用。提示信息超过2行时，可以使用将部分信息折叠，以减少空间占用。提示信息超过2行时，可以使用将部分信息折叠，以减少空间占用。
+                알림 정보가 2줄을 초과할 경우, 일부 정보를 접어서 공간을 줄일 수 있습니다. 알림
+                정보가 2줄을 초과할 경우, 일부 정보를 접어서 공간을 줄일 수 있습니다. 알림 정보가
+                2줄을 초과할 경우, 일부 정보를 접어서 공간을 줄일 수 있습니다. 알림 정보가 2줄을
+                초과할 경우, 일부 정보를 접어서 공간을 줄일 수 있습니다.
               </Typography.Paragraph>
               <Typography.Link onClick={() => setExpandB((prev) => !prev)}>
-                {expandB ? '收起' : '展开更多'}
+                {expandB ? '접기' : '확장'}
               </Typography.Link>
             </div>
           }
           style={{ alignItems: 'baseline' }}
         />
       </Flex>
       <Flex gap="middle" vertical>
-        <div>执行其他操作</div>
+        <div>다른 작업 수행</div>
         <Alert
           showIcon
           closable
-          message="提示信息不超过一行时，按钮放在信息右侧。"
-          action={<Typography.Link>相关操作</Typography.Link>}
+          message="버튼 배치에 대한 명확한 설명과 추가 정보"
+          action={<Typography.Link>관련 작업</Typography.Link>}
         />
         <Alert
           showIcon
           closable
           message={
             <div>
               <Typography.Paragraph style={{ marginBottom: 8 }}>
-                提示信息超过一行，此时按钮按照从上至下的视觉流，放置在信息区下方，这样浏览起来更流畅，即先阅读提示信息，再根据信息判断执行什么操作。
+                알림 정보가 한 줄을 초과할 경우, 버튼은 위에서 아래로의 시각적 흐름에 따라 정보 영역
+                아래에 배치되어 더 원활하게 볼 수 있습니다. 즉, 먼저 알림 정보를 읽고, 그에 따라
+                어떤 작업을 수행할지를 판단할 수 있습니다.
               </Typography.Paragraph>
               <Flex gap={8}>
-                <Typography.Link>相关操作1</Typography.Link>
-                <Typography.Link>相关操作2</Typography.Link>
+                <Typography.Link>관련 작업 1</Typography.Link>
+                <Typography.Link>관련 작업 2</Typography.Link>
               </Flex>
             </div>
           }
@@ -77,22 +89,27 @@ const Demo = () => {
         <Alert
           showIcon
           closable
-          message="提示标题"
+          message="알림 제목"
           description={
             <div>
               <Typography.Paragraph style={{ marginBottom: 8 }}>
-                提示信息超过一行，此时按钮按照从上至下的视觉流，放置在信息区下方，这样浏览起来更流畅，即先阅读提示信息，再根据信息判断执行什么操作。
+                알림 정보가 한 줄을 초과할 경우, 버튼은 위에서 아래로의 시각적 흐름에 따라 정보 영역
+                아래에 배치되어 더 원활하게 볼 수 있습니다. 즉, 먼저 알림 정보를 읽고, 그에 따라
+                어떤 작업을 수행할지를 판단할 수 있습니다.
               </Typography.Paragraph>
               <Flex gap={8}>
-                <Typography.Link>相关操作1</Typography.Link>
-                <Typography.Link>相关操作2</Typography.Link>
+                <Typography.Link>관련 작업 1</Typography.Link>
+                <Typography.Link>관련 작업 2</Typography.Link>
               </Flex>
             </div>
           }
         />
         <Typography.Paragraph type="secondary">
-          建议统一使用Link
-          Button，明确可点击的同时，整体视觉也更和谐；当提示信息不超一行时，按钮放在信息右侧；当提示信息超过一行，按钮放置在信息区下方；这样能够确保用户的浏览动线一致，即先阅读提示信息，再根据信息判断执行什么操作。
+          Link Button을 통일하여 사용하는 것이 좋습니다. 이는 클릭 가능성을 명확히 하고 전체적인
+          시각적 조화를 이루는 데 도움이 됩니다. 알림 정보가 한 줄을 초과하지 않을 때는 버튼을
+          정보의 오른쪽에 배치하고, 알림 정보가 한 줄을 초과할 경우 버튼을 정보 영역 아래에
+          배치합니다. 이렇게 하면 사용자의 탐색 흐름을 일관되게 유지할 수 있습니다. 즉, 먼저 알림
+          정보를 읽고 그에 따라 어떤 작업을 수행할지를 판단할 수 있습니다.
         </Typography.Paragraph>
       </Flex>
     </Flex>

components/alert/design/demo/content.tsx

@@ -3,10 +3,10 @@ import { Alert, Flex } from 'antd';
 
 const Demo = () => (
   <Flex gap="middle" vertical style={{ maxWidth: 600 }}>
-    <Alert message="你好！欢迎使用专业版，你可以根据自身需求添加业务模块。" />
+    <Alert message="안녕하세요! 전문 버전을 이용해주셔서 감사합니다. 귀하의 필요에 따라 비즈니스 모듈을 추가할 수 있습니다." />
     <Alert
-      message="帮助信息"
-      description="你好，由于你的良好信用，我们决定赠送你三个月产品会员，欲了解会员特权与活动请进首页会员专区查看。"
+      message="도움말 정보"
+      description="안녕하세요. 고객님의 좋은 신용도를 인정하여, 3개월간 제품 회원 자격을 무료로 드립니다. 회원 특권 및 다양한 이벤트에 대한 자세한 내용은 홈페이지 메인 화면의 회원 전용 공간에서 확인하실 수 있습니다."
     />
   </Flex>
 );