From 7e83f614f62a6b4ce5cc3e4a44f8d336e9d8002e Mon Sep 17 00:00:00 2001
From: GC-Park <kuyt3122@naver.com>
Date: Tue, 19 Sep 2023 17:24:18 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20NewTopic,=20NewPin=20=ED=85=8D?=
 =?UTF-8?q?=EC=8A=A4=ED=8A=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/NewPin.tsx   | 17 ++++++-----------
 frontend/src/pages/NewTopic.tsx | 10 ++++++++--
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/frontend/src/pages/NewPin.tsx b/frontend/src/pages/NewPin.tsx
index 82392613..799b194c 100644
--- a/frontend/src/pages/NewPin.tsx
+++ b/frontend/src/pages/NewPin.tsx
@@ -245,16 +245,12 @@ const NewPin = () => {
 
           <Space size={5} />
 
-          <Flex>
-            <Text color="black" $fontSize="default" $fontWeight="normal">
-              지도 선택
-            </Text>
-            <Space size={0} />
-            <Text color="primary" $fontSize="extraSmall" $fontWeight="normal">
-              *
-            </Text>
-          </Flex>
-          <Space size={0} />
+          <Text color="black" $fontSize="default" $fontWeight="normal">
+            지도 선택
+          </Text>
+
+          <Space size={2} />
+
           <Button
             type="button"
             variant="primary"
@@ -416,7 +412,6 @@ const ModalContentsWrapper = styled.div`
 
 const ImageInputLabel = styled.label`
   height: 40px;
-  margin-left: 10px;
   padding: 10px 10px;
 
   color: ${({ theme }) => theme.color.black};
diff --git a/frontend/src/pages/NewTopic.tsx b/frontend/src/pages/NewTopic.tsx
index 5cacd65b..dac0e4dc 100644
--- a/frontend/src/pages/NewTopic.tsx
+++ b/frontend/src/pages/NewTopic.tsx
@@ -35,7 +35,7 @@ const NewTopic = () => {
       description: '',
       image: '',
     });
-    const { compressImage } = useCompressImage();
+  const { compressImage } = useCompressImage();
 
   const [isPrivate, setIsPrivate] = useState(false); // 혼자 볼 지도 :  같이 볼 지도
   const [isAll, setIsAll] = useState(true); // 모두 : 지정 인원
@@ -147,7 +147,14 @@ const NewTopic = () => {
           지도 생성
         </Text>
 
+        <Space size={5} />
+
+        <Text color="black" $fontSize="default" $fontWeight="normal">
+          지도 선택
+        </Text>
+
         <Space size={2} />
+
         <Flex>
           {showImage && <ShowImage src={showImage} alt={`사진 이미지`} />}
           <ImageInputLabel htmlFor="file">파일업로드</ImageInputLabel>
@@ -245,7 +252,6 @@ const NewTopic = () => {
 
 const ImageInputLabel = styled.label`
   height: 40px;
-  margin-left: 10px;
   padding: 10px 10px;
   color: ${({ theme }) => theme.color.black};
   background-color: ${({ theme }) => theme.color.lightGray};