[3주차] 전시원 미션 제출합니다.

src/components/Title/index.tsx

@@ -0,0 +1,23 @@
+import { Cir1, Cir2, Cir3, Etc, DivTitle, CircleContainer } from './style';
+import { useState } from 'react';
+
+const Index = () => {
+  return (
+    <DivTitle>
+      <CircleContainer>
+        <Cir1
+          onClick={() => {
+            alert('Tab을 닫을까요?');
+          }}
+        >
+          X
+        </Cir1>
+        <Cir2 />
+        <Cir3 />
+      </CircleContainer>
+      <Etc>⌥⌘1</Etc>
+    </DivTitle>
+  );
+};
+
+export default Index;

src/components/Title/style.js → src/components/Title/style.tsx

@@ -24,6 +24,10 @@ export const DivTitle = styled.div`
   border-top-right-radius: 10px;
 `;
 
+export const CircleContainer = styled.div`
+  display: flex;
+`;
+
 export const Cir1 = styled.div`
   cursor: pointer;
   width: 10px;