chore: 추가한 컴포넌트 export 목록에 추가 및 테스트 환경 App 업데이트

src/App.tsx

@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react';
 
 import { Button, Spacer } from '.';
 import Child from './Child';
+import Checkbox from './components/Checkbox/Checkbox';
 import CheckboxContainer from './components/CheckboxContainer/CheckboxContainer';
 import Dropdown from './components/Dropdown/Dropdown';
 import RadioContainer from './components/RadioContainer/RadioContainer';
@@ -154,6 +155,18 @@ const App = () => {
         ))}
       </Dropdown>
 
+      {['A', 'B', 'C'].map((item) => (
+        <Checkbox
+          key={item}
+          width={50}
+          value={item}
+          checked={Math.random() > 0.5}
+          onChange={(e) => {
+            console.log(e);
+          }}
+        />
+      ))}
+
       <Button>버튼 테스트</Button>
 
       <CheckboxContainer

src/index.ts

@@ -9,20 +9,26 @@ import PNGIdeaBackground2 from './assets/image/idea_back_2.png';
 import PNGIdeaBackground3 from './assets/image/idea_back_3.png';
 import PNGIdeaBackground4 from './assets/image/idea_back_4.png';
 import PNGIdeaBackground5 from './assets/image/idea_back_5.png';
+import Alert from './components/Alert/Alert';
 import Badge from './components/Badge/Badge';
 import BottomSheet from './components/BottomSheet/BottomSheet';
 import Box from './components/Box/Box';
 import Button from './components/Button/Button';
+import Checkbox from './components/Checkbox/Checkbox';
 import CheckboxContainer from './components/CheckboxContainer/CheckboxContainer';
+import Confirm from './components/Confirm/Confirm';
 import Divider from './components/Divider/Divider';
 import Dropdown from './components/Dropdown/Dropdown';
 import Field from './components/Field/Field';
 import Flex from './components/Flex/Flex';
 import Header from './components/Header/Header';
 import ImageView from './components/ImageView/ImageView';
 import Navigation from './components/Navigation/Navigation';
+import Radio from './components/Radio/Radio';
 import RadioContainer from './components/RadioContainer/RadioContainer';
+import Skeleton from './components/Skeleton/Skeleton';
 import Spacer from './components/Spacer/Spacer';
+import Spinner from './components/Spinner/Spinner';
 import TabLayout from './components/TabLayout/TabLayout';
 import Tag from './components/Tag/Tag';
 import Text from './components/Text/Text';
@@ -90,20 +96,26 @@ export { ReactComponent as SVGProfileMessageDots } from './assets/svg/profile/me
 export { ReactComponent as SVGProfileBookOpen } from './assets/svg/profile/book_open.svg';
 
 export {
+  Alert,
   Badge,
   BottomSheet,
   Box,
   Button,
+  Checkbox,
   CheckboxContainer,
+  Confirm,
   Divider,
   Dropdown,
   Field,
   Flex,
   Header,
   ImageView,
   Navigation,
+  Radio,
   RadioContainer,
+  Skeleton,
   Spacer,
+  Spinner,
   TabLayout,
   Tag,
   Text,