chore

components/BottomNav.tsx

@@ -127,6 +127,7 @@ const Nav = styled.nav<{ height: number }>`
   border-top: var(--border);
   max-width: var(--max-width);
   margin: 0 auto;
+  padding-top: 4px;
 `;
 
 const NavLink = styled(Link)<{ active: "true" | "false" } & LinkProps>`
@@ -136,7 +137,6 @@ const NavLink = styled(Link)<{ active: "true" | "false" } & LinkProps>`
   justify-content: center;
   align-items: center;
 
-  margin-top: 4px;
   color: ${({ active }) => (active === "true" ? "var(--gray-800)" : "var(--gray-500)")};
 `;
 

components/atoms/Input.tsx

@@ -24,7 +24,7 @@ export const Input = forwardRef(function Input(
       size={size}
       border={size === "sm" ? "none" : undefined}
       borderBottom={size === "sm" && "var(--border-main)"}
-      borderRadius={size === "sm" && "none"}
+      borderRadius={size === "sm" ? "none" : "4px"}
       _focus={{
         outline: size === "sm" ? "none" : undefined,
         boxShadow: size === "sm" ? "none" : undefined,

constants/location.ts

@@ -2,7 +2,7 @@ import {
   ActiveLocation,
   InactiveLocation,
   Location,
-  LocationEn
+  LocationEn,
 } from "../types/services/locationTypes";
 import { COLOR_TABLE } from "./colorConstants";
 
@@ -65,16 +65,16 @@ export const LOCATION_MEMBER_CNT: {
   동대문: { member: 56, new: 2 },
   마포: { member: 38, new: 2 },
   인천: { member: 45, new: 3 },
-  성남: { member: 7, new: 3 },
-  성동: { member: 4, new: 1 },
-  고양: { member: 7, new: 3 },
-  중구: { member: 13, new: 2 },
-  송파: { member: 9, new: 4 },
-  구로: { member: 5, new: 1 },
-  동작: { member: 7, new: 4 },
-  강북: { member: 5, new: 3 },
-  부천: { member: 4, new: 2 },
-  시흥: { member: 7, new: 2 },
+  성남: { member: 17, new: 3 },
+  성동: { member: 8, new: 1 },
+  고양: { member: 11, new: 3 },
+  중구: { member: 17, new: 2 },
+  송파: { member: 14, new: 4 },
+  구로: { member: 11, new: 1 },
+  동작: { member: 13, new: 4 },
+  강북: { member: 11, new: 3 },
+  부천: { member: 10, new: 2 },
+  시흥: { member: 13, new: 2 },
 };
 
 export const krToEnMapping: Record<Location, LocationEn> = {

pageTemplates/home/study/HomeStudyCol.tsx

@@ -61,9 +61,12 @@ function HomeStudyCol({ studyVoteData, isLoading }: HomeStudyColProps) {
 
   const { mutate: decideStudyResult } = useStudyResultDecideMutation(date);
 
-  const preferenceStorage = JSON.parse(
-    localStorage.getItem(STUDY_PREFERENCE_LOCAL),
-  ) as IStudyVotePlaces;
+  const preferenceLocal = localStorage.getItem(STUDY_PREFERENCE_LOCAL);
+
+  const preferenceStorage =
+    preferenceLocal && preferenceLocal !== "undefined"
+      ? (JSON.parse(preferenceLocal) as IStudyVotePlaces)
+      : null;
 
   useEffect(() => {
     if (!studyVoteData || !studyVoteData.length || !session?.user || !studyDateStatus) {

pages/register/comment.tsx

@@ -101,14 +101,14 @@ const Container = styled.div`
 const Item = styled.div<{ $isSelected: boolean }>`
   background-color: white;
   width: 100%;
-  border-radius: var(--rounded-lg);
+  border-radius: 4px;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 48px;
   margin-bottom: var(--gap-3);
   color: ${(props) => (props.$isSelected ? "var(--gray-800)" : "var(--gray-500)")};
-  border: ${(props) => (props.$isSelected ? "var(--border-thick)" : "var(--border-main)")};
+  border: ${(props) => (props.$isSelected ? "var(--border-mint)" : "var(--border-main)")};
 `;
 
 export default Comment;

pages/register/gender.tsx

@@ -59,12 +59,12 @@ const ButtonNav = styled.nav`
 
 const Button = styled.button<{ $isSelected: boolean }>`
   color: ${(props) => (props.$isSelected ? "var(--gray-800)" : "var(--gray-600)")};
-  border-radius: var(--rounded-lg);
+  border-radius: 4px;
   flex: 0.49;
   height: 48px;
   font-size: 14px;
   font-weight: ${(props) => props.$isSelected && "600"};
-  border: ${(props) => (props.$isSelected ? "var(--border-thick)" : "var(--border-main)")};
+  border: ${(props) => (props.$isSelected ? "var(--border-mint)" : "var(--border-main)")};
   background-color: white;
 `;
 

pages/register/location.tsx

@@ -121,7 +121,7 @@ const Button = styled.button<{ $picked: string }>`
   height: 72px;
   position: relative;
   border-radius: var(--rounded);
-  border: ${(props) => (props.$picked === "true" ? "var(--border-thick)" : "var(--border-main)")};
+  border: ${(props) => (props.$picked === "true" ? "var(--border-mint)" : "var(--border-main)")};
   background-color: white;
 `;
 

pages/register/mbti.tsx

@@ -61,12 +61,12 @@ const ButtonNav = styled.nav`
 
 const Button = styled.button<{ $isSelected: boolean }>`
   color: ${(props) => (props.$isSelected ? "var(--gray-800)" : "var(--gray-500)")};
-  border-radius: var(--rounded-lg);
+  border-radius: 4px;
   flex: 0.49;
   height: 48px;
   font-size: 14px;
   font-weight: ${(props) => props.$isSelected && "600"};
-  border: ${(props) => (props.$isSelected ? "var(--border-thick)" : "var(--border-main)")};
+  border: ${(props) => (props.$isSelected ? "var(--border-mint)" : "var(--border-main)")};
   background-color: white;
 `;
 

pages/register/name.tsx

@@ -1,6 +1,6 @@
 import { useSearchParams } from "next/navigation";
 import { useSession } from "next-auth/react";
-import { ChangeEvent, useRef, useState } from "react";
+import { ChangeEvent, useEffect, useRef, useState } from "react";
 
 import { Input } from "../../components/atoms/Input";
 import BottomNav from "../../components/layouts/BottomNav";
@@ -21,11 +21,11 @@ function Name() {
 
   const inputRef = useRef(null);
 
-  // useEffect(() => {
-  //   if (inputRef.current) {
-  //     inputRef.current.focus();
-  //   }
-  // }, []);
+  useEffect(() => {
+    if (inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, []);
 
   const isProfileEdit = !!searchParams.get("edit");
 

utils/mathUtils.ts

@@ -35,6 +35,6 @@ const deg2rad = (deg) => {
 export const getBottomNavSize = () => {
   const deviceType = detectDevice();
   if (deviceType === "iPhone") {
-    return 87;
+    return 95;
   } else return 77;
 };