Merge branch 'master' into design/#50

seohyun319 · web-flow · commit f67ae1599b6a · 2022-03-26T16:28:23.000+09:00
diff --git a/thisable/src/assets/images/business.svg b/thisable/src/assets/images/business.svg
@@ -0,0 +1,6 @@
+<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="14.0449" cy="14.5956" r="13.4551" fill="white" stroke="#CB3267"/>
+<path d="M8.18168 7.5858V20.2003H15.0623V7.5858H8.18168ZM7.6083 6.43903H15.6357C15.7878 6.43903 15.9336 6.49944 16.0411 6.60697C16.1487 6.7145 16.2091 6.86034 16.2091 7.01241V20.7737C16.2091 20.9257 16.1487 21.0716 16.0411 21.1791C15.9336 21.2866 15.7878 21.347 15.6357 21.347H7.6083C7.45623 21.347 7.31038 21.2866 7.20285 21.1791C7.09532 21.0716 7.03491 20.9257 7.03491 20.7737V7.01241C7.03491 6.86034 7.09532 6.7145 7.20285 6.60697C7.31038 6.49944 7.45623 6.43903 7.6083 6.43903Z" fill="#CB3267"/>
+<path d="M9.3285 9.87936H13.9156V11.0261H9.3285V9.87936ZM9.3285 13.3197H13.9156V14.4664H9.3285V13.3197ZM9.3285 16.76H13.9156V17.9068H9.3285V16.76ZM16.2091 14.4664H18.5027V15.6132H16.2091V14.4664ZM16.2091 16.76H18.5027V17.9068H16.2091V16.76ZM5.88818 20.2003H21.943V21.3471H5.88818V20.2003Z" fill="#CB3267"/>
+<path d="M16.2093 12.1729V20.2003H19.6496V12.1729H16.2093ZM15.6359 11.0261H20.223C20.375 11.0261 20.5209 11.0865 20.6284 11.1941C20.7359 11.3016 20.7964 11.4474 20.7964 11.5995V20.7737C20.7964 20.9257 20.7359 21.0716 20.6284 21.1791C20.5209 21.2867 20.375 21.3471 20.223 21.3471H15.6359C15.4838 21.3471 15.338 21.2867 15.2304 21.1791C15.1229 21.0716 15.0625 20.9257 15.0625 20.7737V11.5995C15.0625 11.4474 15.1229 11.3016 15.2304 11.1941C15.338 11.0865 15.4838 11.0261 15.6359 11.0261Z" fill="#CB3267"/>
+</svg>
diff --git a/thisable/src/assets/images/cafe.svg b/thisable/src/assets/images/cafe.svg
@@ -0,0 +1,4 @@
+<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="14.0449" cy="14.1686" r="13.4551" fill="white" stroke="#CB3267"/>
+<path d="M18.2975 14.2535H17.7975V14.7535V16.5897C17.7975 17.1241 17.3614 17.5586 16.8368 17.5586H9.53346C9.00889 17.5586 8.57278 17.1241 8.57278 16.5897V7.17422H18.2975C20.2374 7.17422 21.8144 8.75632 21.8144 10.7139C21.8144 12.6714 20.2374 14.2535 18.2975 14.2535ZM17.7975 12.9173V13.4173H18.2975C19.0121 13.4173 19.6969 13.1318 20.2013 12.6245C20.7057 12.1173 20.9885 11.4299 20.9885 10.7139C20.9885 9.99777 20.7057 9.31044 20.2013 8.80324C19.6969 8.29593 19.0121 8.01042 18.2975 8.01042H17.7975V8.51042V12.9173ZM6.0166 19.6381V19.2931H21.8144V19.6381C21.8144 19.7606 21.767 19.8579 21.5875 19.9527C21.3839 20.0602 21.0557 20.1293 20.6346 20.1293H7.19638C6.77504 20.1293 6.44693 20.0602 6.24339 19.9527C6.064 19.8579 6.0166 19.7607 6.0166 19.6381Z" fill="#CB3267" stroke="#CB3267"/>
+</svg>
diff --git a/thisable/src/assets/images/charger.svg b/thisable/src/assets/images/charger.svg
@@ -1,6 +1,3 @@
-<svg width="101" height="103" viewBox="0 0 101 103" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M73 7.3H66C64.1435 7.3 62.363 8.06911 61.0503 9.43812C59.7375 10.8071 59 12.6639 59 14.6L59 65.7C59 67.6361 59.7375 69.4929 61.0503 70.8619C62.363 72.2309 64.1435 73 66 73H94C95.8565 73 97.637 72.2309 98.9497 70.8619C100.263 69.4929 101 67.6361 101 65.7V14.6C101 12.6639 100.263 10.8071 98.9497 9.43812C97.637 8.06911 95.8565 7.3 94 7.3H87V0H73V7.3ZM97.5 47.45L83.885 40.15L80 54.75L62.5 32.85L76.115 36.5L80 21.9L97.5 47.45Z" fill="#CB3267"/>
-<path d="M25.1563 38.6656C28.3154 38.6656 30.8765 36.1045 30.8765 32.9453C30.8765 29.7862 28.3154 27.2251 25.1563 27.2251C21.9971 27.2251 19.436 29.7862 19.436 32.9453C19.436 36.1045 21.9971 38.6656 25.1563 38.6656Z" fill="black"/>
-<path d="M65.1295 82.3462L57.0844 84.3573L53.8663 69.3399C53.6696 68.4406 53.1723 67.6352 52.4565 67.0565C51.7406 66.4778 50.8489 66.1603 49.9284 66.1564H35.043L33.9586 56.7592H52.356V51.3894H33.3391L32.6454 45.3775C32.5848 44.8521 32.4213 44.3438 32.1642 43.8816C31.9071 43.4194 31.5615 43.0124 31.1471 42.6837C30.7328 42.3551 30.2577 42.1112 29.7491 41.9662C29.2405 41.8211 28.7083 41.7777 28.1829 41.8383L21.5149 42.6077L24.8524 71.5263H48.8438L52.9984 90.9142L66.4326 87.5556L65.1295 82.3462Z" fill="black"/>
-<path d="M25.5067 97.033C20.838 97.0323 16.3146 95.4093 12.7103 92.4418C9.10604 89.4742 6.64492 85.3465 5.74797 80.7647C4.85102 76.183 5.574 71.4319 7.7932 67.3243C10.0124 63.2167 13.5899 60.0079 17.9138 58.2468L17.2796 52.7511C7.23972 56.1816 0 65.709 0 76.8961C0 90.9605 11.4423 102.403 25.5067 102.403C29.8961 102.401 34.2106 101.266 38.0334 99.1091C41.8561 96.9521 45.0578 93.8455 47.3291 90.0894L45.6436 82.2659C42.9587 90.3207 35.3402 97.033 25.5067 97.033Z" fill="black"/>
+<svg width="105" height="105" viewBox="0 0 105 105" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M44.3333 18.5H36.1667C34.0007 18.5 31.9235 19.3955 30.392 20.9896C28.8604 22.5837 28 24.7457 28 27L28 86.5C28 88.7543 28.8604 90.9163 30.392 92.5104C31.9235 94.1045 34.0007 95 36.1667 95H68.8333C70.9993 95 73.0765 94.1045 74.608 92.5104C76.1396 90.9163 77 88.7543 77 86.5L77 27C77 24.7457 76.1396 22.5837 74.608 20.9896C73.0765 19.3955 70.9993 18.5 68.8333 18.5H60.6667V10H44.3333V18.5ZM72.9167 65.25L57.0325 56.75L52.5 73.75L32.0833 48.25L47.9675 52.5L52.5 35.5L72.9167 65.25Z" fill="#CB3267"/>
 </svg>
diff --git a/thisable/src/assets/images/culture.svg b/thisable/src/assets/images/culture.svg
@@ -0,0 +1,5 @@
+<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="14.0449" cy="14.3821" r="13.4551" fill="white" stroke="#CB3267"/>
+<path d="M10.5176 18.9446L10.6083 18.9898M10.5176 18.9446L10.6083 18.9898M10.5176 18.9446L10.6083 18.9898M10.5176 18.9446L10.6083 18.9898M10.6036 8.88365C11.0959 8.79982 11.5728 8.38527 11.5728 7.78606C11.5728 7.22322 11.1017 6.68577 10.4571 6.76667L10.4568 6.76672C9.61568 6.87284 8.81595 7.194 8.13418 7.69926C7.45241 8.2045 6.91148 8.87686 6.56298 9.6518L7.01883 9.8568L6.56286 9.65208C6.22985 10.3938 6.84716 11.0754 7.52683 11.0754H7.53451L7.54218 11.0752C7.75666 11.0686 7.965 11.0026 8.14416 10.8846C8.32097 10.7682 8.46247 10.6057 8.5537 10.415C8.95754 9.6185 9.71364 9.03608 10.6036 8.88365ZM10.6036 8.88365C10.6034 8.88368 10.6033 8.88371 10.6031 8.88374L10.5194 8.39079L10.6038 8.88362C10.6037 8.88363 10.6037 8.88364 10.6036 8.88365ZM11.2563 17.9376L11.2098 17.0557L10.824 17.8305L10.6597 17.7898C7.86049 17.0962 6.0166 14.6399 6.0166 11.6911C6.0166 10.3435 6.54979 9.05154 7.49824 8.09925C8.44661 7.14704 9.73246 6.61246 11.0728 6.61246C12.4131 6.61246 13.699 7.14704 14.6473 8.09925C15.5958 9.05154 16.129 10.3435 16.129 11.6911C16.129 14.6399 14.2851 17.0962 11.4859 17.7898L11.6062 18.2751L11.2826 18.4366L11.2573 17.9563L11.2655 17.9399L11.2563 17.9376ZM11.3098 18.9528L11.3009 18.7831L11.3843 18.9503L11.3107 18.9692C11.3104 18.9638 11.3101 18.9583 11.3098 18.9528ZM11.8228 18.8374L11.6497 18.8819L11.6026 18.8941L11.5322 18.9122L11.4067 18.9445C11.4066 18.9208 11.4103 18.8971 11.4179 18.8743C11.4362 18.8192 11.4757 18.773 11.5285 18.7465C11.5814 18.72 11.6428 18.7155 11.6991 18.7344C11.707 18.737 11.7148 18.7401 11.7223 18.7436L11.7264 18.7604C11.7326 18.7589 11.7388 18.7574 11.745 18.7558C11.7775 18.7758 11.8043 18.8039 11.8228 18.8374Z" fill="#CB3267" stroke="#CB3267"/>
+<path d="M18.3023 19.1965L18.2479 18.1692L17.7969 19.0717L17.7604 19.0627C15.6662 18.5456 14.2859 16.716 14.2859 14.5133C14.2859 14.1634 14.3346 13.8184 14.4282 13.4876C14.5343 13.8788 14.9241 14.1601 15.3286 14.1601H15.3363L15.3439 14.1599C15.5297 14.1542 15.7103 14.0972 15.8656 13.9953C16.0186 13.8949 16.1414 13.7548 16.2207 13.5901C16.5146 13.0135 17.0639 12.5926 17.7091 12.4825C17.7092 12.4824 17.7093 12.4824 17.7093 12.4824L17.6252 11.9895M18.3023 19.1965L17.6252 11.9895M18.3023 19.1965L18.3678 19.2127L18.3093 19.3294L18.3245 19.6157L18.4593 19.5481L18.3023 19.1965ZM17.6252 11.9895C17.8572 11.9503 18.0499 11.7626 18.0499 11.5271C18.0499 11.2916 17.8572 11.0979 17.6252 11.1269C17.0452 11.1999 16.4936 11.4206 16.0232 11.7679C15.5528 12.1152 15.1795 12.5776 14.9389 13.1107C14.8178 13.3794 15.0335 13.6601 15.3286 13.6601C15.4222 13.6573 15.5131 13.6286 15.5914 13.5772C15.6696 13.5259 15.7322 13.4539 15.7721 13.3692C16.1337 12.655 16.8151 12.1278 17.6252 11.9895ZM18.3482 19.8032C18.4002 19.7771 18.4586 19.7677 18.5154 19.7756L18.5391 19.8713L18.5636 19.9707L18.5005 19.987L18.447 20.0008L18.3647 20.0221L18.3462 20.0268L18.3456 20.0157L18.3348 19.8103C18.3392 19.8078 18.3436 19.8054 18.3482 19.8032Z" fill="#CB3267" stroke="#CB3267"/>
+</svg>
diff --git a/thisable/src/assets/images/hotel.svg b/thisable/src/assets/images/hotel.svg
@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="14.0449" cy="13.9551" r="13.4551" fill="white" stroke="#CB3267"/>
+<path d="M13.152 15.5922H13.652V15.0922V10.2858H19.2602C20.6749 10.2858 21.8144 11.4222 21.8144 12.818V19.1405H21.2873V17.3663V16.8663H20.7873H7.04367H6.54367V17.3663V19.1405H6.0166V8.76968H6.54367V15.0922V15.5922H7.04367H13.152ZM11.8884 12.06C11.8884 13.0388 11.0925 13.8341 10.0978 13.8341C9.10308 13.8341 8.30721 13.0388 8.30721 12.06C8.30721 11.0811 9.10308 10.2858 10.0978 10.2858C11.0925 10.2858 11.8884 11.0811 11.8884 12.06Z" fill="#CB3267" stroke="#CB3267"/>
+</svg>
diff --git a/thisable/src/assets/images/mall.svg b/thisable/src/assets/images/mall.svg
@@ -0,0 +1,4 @@
+<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="13.9551" cy="14.1686" r="13.4551" fill="white" stroke="#CB3267"/>
+<path d="M17.3589 9.24559V9.74559H17.8589H19.5531C20.2076 9.74559 20.7472 10.2848 20.7472 10.9438V21.1332C20.7472 21.7923 20.2076 22.3315 19.5531 22.3315H7.69413C7.0397 22.3315 6.5001 21.7924 6.5 21.1334C6.5 21.1334 6.5 21.1333 6.5 21.1332L6.50847 10.9442V10.9438C6.50847 10.2815 7.04289 9.74559 7.69413 9.74559H9.38827H9.88827V9.24559C9.88827 7.17703 11.563 5.5 13.6236 5.5C15.6842 5.5 17.3589 7.17703 17.3589 9.24559ZM16.1648 9.74559H16.6648V9.24559C16.6648 7.56105 15.307 6.19824 13.6236 6.19824C11.9402 6.19824 10.5824 7.56105 10.5824 9.24559V9.74559H11.0824H16.1648ZM9.38827 10.4438H8.88827V10.9438C8.88827 13.5624 11.0084 15.6894 13.6236 15.6894C16.2388 15.6894 18.3589 13.5624 18.3589 10.9438V10.4438H17.8589H16.1648H15.6648V10.9438C15.6648 12.0784 14.7525 12.9912 13.6236 12.9912C12.4948 12.9912 11.5824 12.0784 11.5824 10.9438V10.4438H11.0824H9.38827Z" fill="#CB3267" stroke="#CB3267"/>
+</svg>
diff --git a/thisable/src/assets/images/myself.svg b/thisable/src/assets/images/myself.svg
@@ -0,0 +1,4 @@
+<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="13.9551" cy="14.5956" r="13.4551" fill="white" stroke="#CB3267"/>
+<circle cx="13.9551" cy="14.3372" r="7.49439" fill="#CB3267"/>
+</svg>
diff --git a/thisable/src/assets/images/restaurant.svg b/thisable/src/assets/images/restaurant.svg
@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="13.9551" cy="13.9551" r="13.4551" fill="white" stroke="#CB3267"/>
+<path d="M11.3229 21.983C11.3195 21.9829 11.3144 21.9826 11.3078 21.9822C11.2892 21.9809 11.2596 21.9781 11.2229 21.9721C11.1469 21.9598 11.0551 21.9362 10.9709 21.8947C10.8886 21.8541 10.8259 21.8028 10.7838 21.738C10.7442 21.6772 10.701 21.5718 10.7081 21.3824C10.7081 21.3824 10.7081 21.3823 10.7081 21.3822L10.9867 14.1037C10.9867 14.1037 10.9867 14.1036 10.9867 14.1036C10.9867 14.1035 10.9867 14.1035 10.9867 14.1034C11.0039 13.659 10.7505 13.3298 10.5173 13.1101C10.2961 12.9019 10.0122 12.7179 9.77639 12.565C9.76295 12.5563 9.74968 12.5477 9.73657 12.5392C9.46922 12.3656 9.26658 12.2293 9.13406 12.0949C9.07172 12.0316 9.04488 11.9879 9.03427 11.9634C9.02676 11.946 9.02763 11.9406 9.02888 11.9336C9.02889 11.9336 9.02889 11.9336 9.02889 11.9335C9.0289 11.9335 9.02891 11.9334 9.02892 11.9334L9.47079 9.4912L9.43083 10.1338L9.413 10.4204L9.65157 10.5802L10.4874 11.1401L11.2165 11.6286L11.2649 10.7523L11.3229 9.70397L11.3808 10.7523L11.4293 11.6286L12.1583 11.1401L12.9941 10.5802L13.2327 10.4204L13.2149 10.1338L13.1749 9.4912L13.6046 11.8658C13.5935 11.9109 13.5565 11.9838 13.4425 12.0948C13.2947 12.2387 13.0897 12.3781 12.8338 12.5509L12.8234 12.558C12.5905 12.7153 12.3087 12.9056 12.0912 13.1249C11.8668 13.351 11.6429 13.6753 11.659 14.1031L11.659 14.1034L11.9376 21.3822C11.9448 21.5717 11.9015 21.6772 11.8619 21.738C11.8198 21.8028 11.7571 21.8541 11.6748 21.8947C11.5907 21.9362 11.4988 21.9598 11.4228 21.9721C11.3861 21.9781 11.3565 21.9809 11.3379 21.9822C11.3313 21.9826 11.3262 21.9829 11.3229 21.983ZM18.0213 21.9823C18.0162 21.9826 18.0121 21.9829 18.0092 21.983C18.0053 21.9828 17.9994 21.9825 17.992 21.982C17.9713 21.9806 17.939 21.9775 17.8994 21.9712C17.8174 21.9582 17.7196 21.9336 17.6318 21.8912C17.5453 21.8495 17.4857 21.7991 17.4488 21.741C17.4155 21.6885 17.3763 21.592 17.3928 21.4084C17.3928 21.4083 17.3928 21.4082 17.3928 21.4081L17.95 15.2492L17.9993 14.7041H17.452C17.274 14.7041 16.9316 14.6609 16.6533 14.5332C16.3799 14.4079 16.2804 14.2639 16.2804 14.0843V11.2847C16.2804 10.7539 16.3169 10.041 16.4083 9.36527C16.5021 8.67062 16.6453 8.0852 16.8251 7.76101L16.8305 7.75128L16.8354 7.74132C17.0574 7.29525 17.4608 6.89969 17.9184 6.61354C18.1641 6.45991 18.407 6.34908 18.6236 6.27872V21.3633C18.6236 21.5563 18.577 21.6677 18.5328 21.7343C18.4867 21.8039 18.4217 21.8563 18.3419 21.8964C18.2601 21.9375 18.1723 21.9606 18.1007 21.9725C18.0661 21.9783 18.0384 21.981 18.0213 21.9823Z" fill="#CB3267" stroke="#CB3267"/>
+</svg>
diff --git a/thisable/src/assets/images/subway.svg b/thisable/src/assets/images/subway.svg
@@ -0,0 +1,11 @@
+<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="13.9551" cy="14.3821" r="13.4551" fill="white" stroke="#CB3267"/>
+<g clip-path="url(#clip0_248_205)">
+<path d="M9.17416 5.07877C7.24807 5.07877 5.68539 6.64072 5.68539 8.56753V17.8709C5.68539 19.5826 6.96461 21.0581 8.63267 21.3197L6.96097 22.9914C6.70658 23.2458 6.88829 23.6855 7.28077 23.6855H8.69082C8.99972 23.6855 9.29772 23.562 9.51577 23.3439L11.5 21.3597H16.1517L18.1359 23.3439C18.3551 23.562 18.6509 23.6855 18.9591 23.6855H20.4022C20.7649 23.6855 20.9466 23.2458 20.69 22.9914L19.0176 21.3197C20.6878 21.0581 21.9663 19.5826 21.9663 17.8709V8.56753C21.9663 6.64072 20.4044 5.07877 18.4775 5.07877H9.17416ZM19.6405 13.2192C19.6405 13.8625 19.1197 14.3821 18.4775 14.3821H15.5702C14.927 14.3821 14.4073 13.8625 14.4073 13.2192V9.73046C14.4073 9.08722 14.927 8.56753 15.5702 8.56753H18.4775C19.1197 8.56753 19.6405 9.08722 19.6405 9.73046V13.2192ZM12.0815 8.56753C12.7247 8.56753 13.2444 9.08722 13.2444 9.73046V13.2192C13.2444 13.8625 12.7247 14.3821 12.0815 14.3821H9.17416C8.53092 14.3821 8.01124 13.8625 8.01124 13.2192V9.73046C8.01124 9.08722 8.53092 8.56753 9.17416 8.56753H12.0815ZM18.4775 16.708C19.1197 16.708 19.6405 17.2277 19.6405 17.8709C19.6405 18.5142 19.1197 19.0338 18.4775 19.0338C17.8343 19.0338 17.3146 18.5142 17.3146 17.8709C17.3146 17.2277 17.8343 16.708 18.4775 16.708ZM9.17416 19.0338C8.53092 19.0338 8.01124 18.5142 8.01124 17.8709C8.01124 17.2277 8.53092 16.708 9.17416 16.708C9.8174 16.708 10.3371 17.2277 10.3371 17.8709C10.3371 18.5142 9.8174 19.0338 9.17416 19.0338Z" fill="#CB3267"/>
+</g>
+<defs>
+<clipPath id="clip0_248_205">
+<rect width="16.2809" height="18.6068" fill="white" transform="matrix(-1 0 0 1 21.9663 5.07877)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/thisable/src/components/DetailPage/DetailPage.css b/thisable/src/components/DetailPage/DetailPage.css
@@ -128,9 +128,10 @@
   border: 2px solid #9d9d9d;
   border-radius: 10px;
   font-size: 0.8rem;
-  min-height: 3rem;
+  min-height: 5rem;
   padding: 0.3rem;
   margin-top: 1rem;
+  resize: none;
 }
 
 .reviewinputbutton {
diff --git a/thisable/src/components/DetailPage/ReviewPage.js b/thisable/src/components/DetailPage/ReviewPage.js
@@ -1,3 +1,4 @@
+import { clear } from "@testing-library/user-event/dist/clear";
 import React, { useState, useEffect } from "react";
 import { Rating } from "react-simple-star-rating";
 import {
@@ -28,31 +29,42 @@ function ReviewPage({ locationId }) {
   const [inputValue, setInputValue] = useState("");
   console.log("input: ", inputValue);
 
+  const clear = () => {
+    setInputValue("");
+    setRating(0);
+  };
+
+  const [recommend, setRecommend] = useState(0);
+  const [discourage, setDiscourage] = useState(0);
+
   const renderReviews =
     reviews &&
     reviews.response.map((review) => {
+      var good = review.good
+      var bad = review.bad
+      
       return (
         <div className="review">
           <div className="reviewtop">
             <div className="reviewtopleft">
-              <Rating ratingValue={review.star} readonly />
+              <Rating ratingValue={review.star * 20} readonly />
               <div className="reviewuser">{review.userType}</div>
             </div>
             <div className="reviewdate">{review.createdAt}</div>
           </div>
           <div className="reviewcontent">{review.detail}</div>
           <div className="helpbuttoncontainer">
             <button className="helpbutton">
-              <div onClick={() => postReviewRecommend(review._id)}>
+              <div onClick={() => postReviewRecommend(review._id) && setRecommend(good+1)}>
                 도움이 돼요
               </div>
-              <div className="helpbuttonnum">{review.good}</div>
+              <div className="helpbuttonnum">{recommend}</div>
             </button>
             <button className="helpbutton">
               <div onClick={() => postReviewDiscourage(review._id)}>
                 도움이 안돼요
               </div>
-              <div className="helpbuttonnum">{review.bad}</div>
+              <div className="helpbuttonnum">{bad}</div>
             </button>
           </div>
         </div>
@@ -66,14 +78,15 @@ function ReviewPage({ locationId }) {
           <div className="reviewtitle">후기를 남겨주세요</div>
           <Rating onClick={handleRating} ratingValue={rating} />
         </div>
-        <input
+        <textarea
           className="reviewinput"
           onChange={(event) => setInputValue(event.target.value)}
           placeholder="작성한 후기는 익명으로 등록됩니다."
+          value={inputValue}
         />
         <button
           className="reviewinputbutton"
-          onClick={() => postReview(locationId, inputValue, rating)}
+          onClick={() => postReview(locationId, inputValue, rating) && clear()}
         >
           등록
         </button>
diff --git a/thisable/src/components/MainPage/MainPage.css b/thisable/src/components/MainPage/MainPage.css
@@ -43,6 +43,6 @@
   justify-content: flex-end;
 }
 .placeIcon > img {
-  margin-right: 5px;
-  width: 35px;
+    margin-right: 5px;
+    width: 35px;
 }
diff --git a/thisable/src/components/MapPage/MapPage.js b/thisable/src/components/MapPage/MapPage.js
@@ -15,6 +15,14 @@ import chargerImg from "../../assets/images/charger.svg";
 import toiletImg from "../../assets/images/toilet.svg";
 import elevatorImg from "../../assets/images/elevator.svg";
 import ModalView from "../MainPage/ModalView";
+import cafe from "../../assets/images/cafe.svg";
+import business from "../../assets/images/business.svg";
+import culture from "../../assets/images/culture.svg";
+import hotel from "../../assets/images/hotel.svg";
+import mall from "../../assets/images/mall.svg";
+import myself from "../../assets/images/myself.svg";
+import restaurant from "../../assets/images/restaurant.svg";
+import subway from "../../assets/images/subway.svg";
 
 function MapPage() {
   const [lat, setLat] = useState(37.544127);
@@ -60,6 +68,28 @@ function MapPage() {
     setPlaces(list.results);
   }, []);
 
+  const selectMarker = (location_type) => {
+    let place_icon = "";
+    console.log("location_type : ",location_type)
+    if (location_type == "cafe") {
+      place_icon = cafe
+    } else if (location_type == "restaurant") {
+      place_icon = restaurant
+    } else if (location_type == "accommodation") {
+      place_icon = hotel
+    } else if (location_type == "shoppingmall") {
+      place_icon = mall
+    } else if (location_type == "subway") {
+      place_icon = subway
+    } else if (location_type == "administrative") {
+      place_icon = business
+    } else if (location_type == "cultural") {
+      place_icon = culture
+    }
+    console.log("place_icon : ",place_icon)
+    return place_icon
+  }
+
   const renderMap = () => {
     return (
       <GoogleMap
@@ -114,6 +144,7 @@ function MapPage() {
     );
   };
 
+
   const renderMarker =
     places &&
     places
@@ -134,6 +165,7 @@ function MapPage() {
         <Marker
           position={{ lat: place.latitude, lng: place.longitude }}
           onClick={() => handleActiveMarker(place._id)}
+          icon={selectMarker(place.locationType)}
         >
           {activeMarker === place._id ? (
             <InfoWindow onCloseClick={() => setActiveMarker(null)}>
@@ -149,4 +181,5 @@ function MapPage() {
   return isLoaded ? renderMap() : <CircularProgress />;
 }
 
+
 export default MapPage;
diff --git a/thisable/src/components/NavBar/NavBar.css b/thisable/src/components/NavBar/NavBar.css
@@ -27,6 +27,11 @@
   float: left;
 }
 
+.logoimg {
+  width: 140px;
+  margin-left: 1rem;
+}
+
 .nav-logotext {
   position: relative;
   width: 100px;
diff --git a/thisable/src/components/NavBar/NavBar.js b/thisable/src/components/NavBar/NavBar.js
@@ -8,7 +8,7 @@ function NavBar() {
     <div className="nav-div">
       <Navbar className="navBar">
         <Nav className="nav-logo-container" href="/">
-          <img className="" alt="logo" src={logoimg}></img>
+          <img className="logoimg" alt="logo" src={logoimg}></img>
         </Nav>
         <Nav className="nav-button">
           <Nav.Link href="/">즐겨찾기</Nav.Link>
