[#23] 적극적 투자지표 추가버튼

app/(route)/verification/ibulsin/_components/ItemAddBtn/index.module.css

@@ -0,0 +1,8 @@
+.btn {
+  font-size: 12px;
+  background-color: var(--purple-700);
+  color: #FFFFFF;
+  border-radius: 4px;
+  padding: 4px 8px;
+  height: 20px;
+}

app/(route)/verification/ibulsin/_components/ItemAddBtn/index.tsx

@@ -0,0 +1,27 @@
+'use client'
+
+import React from 'react'
+import S from './index.module.css'
+import { useSetRecoilState } from 'recoil'
+import investmentItemAtom, { ActiveInvestmentItemType } from '@/app/_store/atom'
+
+function ItemAddBtn() {
+  const setInvestmentItem = useSetRecoilState(investmentItemAtom)
+
+  const handleAddItem = () => {
+    const newItem: ActiveInvestmentItemType = {
+      id: new Date().toISOString(),
+      name: '',
+      score: 0,
+    }
+    setInvestmentItem((prev) => [...prev, newItem])
+  }
+
+  return (
+    <button type="button" className={S.btn} onClick={handleAddItem}>
+      추가
+    </button>
+  )
+}
+
+export default ItemAddBtn