diff --git a/src/app/mypage/settings/_components/MypageSettingsKeywords.tsx b/src/app/mypage/settings/_components/MypageSettingsKeywords.tsx
new file mode 100644
index 0000000..c265d94
--- /dev/null
+++ b/src/app/mypage/settings/_components/MypageSettingsKeywords.tsx
@@ -0,0 +1,118 @@
+"use client";
+
+import { zodResolver } from "@hookform/resolvers/zod";
+import { FC } from "react";
+import { Controller, useForm } from "react-hook-form";
+
+import {
+  FestivalCategory,
+  FestivalCompanion,
+  FestivalMood,
+  FestivalPriority,
+} from "@/apis/onboarding/onboardingType";
+import { BasicButton } from "@/components/core/Button";
+import {
+  CategoryKeywordInput,
+  MoodKeywordInput,
+} from "@/components/core/Input";
+import { PriorityKeywordInput } from "@/components/core/Input/KeywordInput";
+import CompanionKeywordInput from "@/components/core/Input/KeywordInput/ConpanionKeywordInput";
+import {
+  ProfileUpdateSchema,
+  ProfileUpdateSchemaType,
+} from "@/validations/ProfileUpdateSchema";
+
+interface Props {
+  categories: Array<FestivalCategory>;
+  companions: Array<FestivalCompanion>;
+  priorities: Array<FestivalPriority>;
+  moods: Array<FestivalMood>;
+}
+
+const MypageSettingsKeywords: FC<Props> = ({
+  categories,
+  companions,
+  priorities,
+  moods,
+}) => {
+  const { handleSubmit, control } = useForm<ProfileUpdateSchemaType>({
+    defaultValues: {
+      categoryIds: [],
+      moodIds: [],
+      companionIds: [],
+      priorityIds: [],
+    },
+    resolver: zodResolver(ProfileUpdateSchema),
+  });
+
+  const onSubmit = (data: ProfileUpdateSchemaType) => {
+    console.log(data);
+  };
+
+  return (
+    <form
+      onSubmit={handleSubmit(onSubmit)}
+      className="flex h-full w-full flex-col justify-between gap-[28px]"
+    >
+      <Controller
+        control={control}
+        name="categoryIds"
+        render={({ field: { onChange, value } }) => (
+          <CategoryKeywordInput
+            categories={categories}
+            selectedCategories={value}
+            onChange={onChange}
+            maxCount={2}
+            label="관심있는 페스티벌 분야"
+            isPrimaryLabel
+          />
+        )}
+      />
+
+      <Controller
+        control={control}
+        name="moodIds"
+        render={({ field: { onChange, value } }) => (
+          <MoodKeywordInput
+            moods={moods}
+            selectedMoods={value}
+            onChange={onChange}
+            maxCount={3}
+            label="선호하는 페스티벌 분위기"
+            isPrimaryLabel
+          />
+        )}
+      />
+      <Controller
+        control={control}
+        name="companionIds"
+        render={({ field: { onChange, value } }) => (
+          <CompanionKeywordInput
+            companions={companions}
+            selectedCompanions={value}
+            onChange={onChange}
+            isPrimaryLabel
+          />
+        )}
+      />
+      <Controller
+        control={control}
+        name="priorityIds"
+        render={({ field: { onChange, value } }) => (
+          <PriorityKeywordInput
+            priorities={priorities}
+            selectedPriorities={value}
+            onChange={onChange}
+            maxCount={3}
+            label="페스티벌 우선순위"
+            isPrimaryLabel
+          />
+        )}
+      />
+
+      <BasicButton type="submit" label="완료" />
+    </form>
+  );
+};
+
+export default MypageSettingsKeywords;
diff --git a/src/app/mypage/settings/_components/MypageSettingsProfile.tsx b/src/app/mypage/settings/_components/MypageSettingsProfile.tsx
new file mode 100644
index 0000000..ad9f22e
--- /dev/null
+++ b/src/app/mypage/settings/_components/MypageSettingsProfile.tsx
@@ -0,0 +1,61 @@
+"use client";
+
+import React from "react";
+import { Controller, useForm } from "react-hook-form";
+
+import { BasicButton } from "@/components/core/Button";
+import { TextInput } from "@/components/core/Input";
+
+const MypageSettingsProfile = () => {
+  const { control, handleSubmit } = useForm({
+    values: {
+      nickname: "",
+      statusMessage: "",
+    },
+  });
+
+  const onSubmit = () => {};
+
+  return (
+    <form
+      onSubmit={handleSubmit(onSubmit)}
+      className="flex h-full w-full flex-col justify-between gap-[28px]"
+    >
+      <Controller
+        control={control}
+        name="nickname"
+        render={({ field: { onChange, value }, formState: { errors } }) => (
+          <TextInput
+            label="닉네임"
+            placeholder="페스티벌 명을 입력해주세요."
+            value={value}
+            onChange={onChange}
+            currentLength={value?.length ?? 0}
+            maxLength={10}
+            error={errors.nickname?.message}
+          />
+        )}
+      />
+
+      <Controller
+        control={control}
+        name="statusMessage"
+        render={({ field: { onChange, value }, formState: { errors } }) => (
+          <TextInput
+            label="상태메세지"
+            placeholder="페스티벌 명을 입력해주세요."
+            value={value}
+            onChange={onChange}
+            currentLength={value?.length ?? 0}
+            maxLength={30}
+            error={errors.statusMessage?.message}
+          />
+        )}
+      />
+
+      <BasicButton type="submit" label="완료" />
+    </form>
+  );
+};
+
+export default MypageSettingsProfile;
diff --git a/src/app/mypage/settings/_components/MypageSettingsTab.tsx b/src/app/mypage/settings/_components/MypageSettingsTab.tsx
new file mode 100644
index 0000000..78d6f50
--- /dev/null
+++ b/src/app/mypage/settings/_components/MypageSettingsTab.tsx
@@ -0,0 +1,85 @@
+"use client";
+
+import * as Tabs from "@radix-ui/react-tabs";
+import { FC } from "react";
+
+import {
+  FestivalCategory,
+  FestivalCompanion,
+  FestivalMood,
+  FestivalPriority,
+} from "@/apis/onboarding/onboardingType";
+
+import MypageSettingsKeywords from "./MypageSettingsKeywords";
+import MypageSettingsProfile from "./MypageSettingsProfile";
+
+interface Props {
+  categories: Array<FestivalCategory>;
+  companions: Array<FestivalCompanion>;
+  priorities: Array<FestivalPriority>;
+  moods: Array<FestivalMood>;
+}
+
+const MypageSettingsTab: FC<Props> = ({
+  categories,
+  companions,
+  priorities,
+  moods,
+}) => {
+  const TabList = [
+    {
+      name: "기본정보",
+      contentComponent: <MypageSettingsProfile />,
+    },
+    {
+      name: "맞춤 필터",
+      contentComponent: (
+        <MypageSettingsKeywords
+          categories={categories}
+          companions={companions}
+          priorities={priorities}
+          moods={moods}
+        />
+      ),
+    },
+  ];
+
+  const handleTabChange = () => {
+    const tabElement = document.getElementById(`tab`);
+    if (tabElement) {
+      tabElement.scrollIntoView({ behavior: "smooth" });
+    }
+  };
+
+  return (
+    <Tabs.Root className="w-full " defaultValue={TabList[0].name}>
+      <Tabs.List
+        id={"tab"}
+        className="mb-[30px] flex h-[47px] w-full"
+        aria-label="Manage your account"
+      >
+        {TabList.map(({ name }, index) => (
+          <Tabs.Trigger
+            key={name}
+            className="TabsTrigger w-full border-b-[1px] border-gray-scale-400 text-subtitle-semi text-gray-scale-400"
+            value={name}
+            onClick={handleTabChange}
+          >
+            {name}
+          </Tabs.Trigger>
+        ))}
+      </Tabs.List>
+      {TabList.map(({ name, contentComponent }) => (
+        <Tabs.Content
+          key={name}
+          className="flex flex-col gap-[18px] px-[16px]"
+          value={name}
+        >
+          {contentComponent}
+        </Tabs.Content>
+      ))}
+    </Tabs.Root>
+  );
+};
+
+export default MypageSettingsTab;
diff --git a/src/app/mypage/settings/page.tsx b/src/app/mypage/settings/page.tsx
new file mode 100644
index 0000000..f3e7dc4
--- /dev/null
+++ b/src/app/mypage/settings/page.tsx
@@ -0,0 +1,21 @@
+import { getOnboardingData } from "@/apis/onboarding/onboarding";
+import { DefaultHeader } from "@/layout/Mobile/MobileHeader";
+
+import MypageSettingsView from "./view";
+
+export default async function MypageSettingsPage() {
+  const { moods, categories, companions, priorities } =
+    await getOnboardingData();
+
+  return (
+    <div className="mt-[44px]">
+      <DefaultHeader label="프로필 수정" />
+      <MypageSettingsView
+        categories={categories}
+        companions={companions}
+        priorities={priorities}
+        moods={moods}
+      />
+    </div>
+  );
+}
diff --git a/src/app/mypage/settings/view.tsx b/src/app/mypage/settings/view.tsx
new file mode 100644
index 0000000..7a925e0
--- /dev/null
+++ b/src/app/mypage/settings/view.tsx
@@ -0,0 +1,35 @@
+import { FC } from "react";
+
+import {
+  FestivalCategory,
+  FestivalCompanion,
+  FestivalMood,
+  FestivalPriority,
+} from "@/apis/onboarding/onboardingType";
+
+import MypageSettingsTab from "./_components/MypageSettingsTab";
+
+interface Props {
+  categories: Array<FestivalCategory>;
+  companions: Array<FestivalCompanion>;
+  priorities: Array<FestivalPriority>;
+  moods: Array<FestivalMood>;
+}
+
+const MypageSettingsView: FC<Props> = ({
+  categories,
+  companions,
+  priorities,
+  moods,
+}) => {
+  return (
+    <MypageSettingsTab
+      categories={categories}
+      companions={companions}
+      priorities={priorities}
+      moods={moods}
+    />
+  );
+};
+
+export default MypageSettingsView;
diff --git a/src/components/core/Chip/BasicChip/BasicChip.tsx b/src/components/core/Chip/BasicChip/BasicChip.tsx
index d8f51f0..ff2fb8f 100644
--- a/src/components/core/Chip/BasicChip/BasicChip.tsx
+++ b/src/components/core/Chip/BasicChip/BasicChip.tsx
@@ -7,6 +7,7 @@ interface Props extends ComponentPropsWithoutRef<"button"> {
   active?: boolean;
   label: string;
   onClick?: () => void;
+  disabled?: boolean;
 }
 
 const BasicChip: FC<Props> = ({
@@ -14,6 +15,7 @@ const BasicChip: FC<Props> = ({
   label,
   className,
   onClick,
+  disabled,
 }) => {
   return (
     <button
@@ -27,6 +29,7 @@ const BasicChip: FC<Props> = ({
         className,
       )}
       onClick={onClick}
+      disabled={disabled}
     >
       {label}
     </button>
diff --git a/src/components/core/Input/KeywordInput/CategoryKeywordInput.tsx b/src/components/core/Input/KeywordInput/CategoryKeywordInput.tsx
index bc095c1..a011d60 100644
--- a/src/components/core/Input/KeywordInput/CategoryKeywordInput.tsx
+++ b/src/components/core/Input/KeywordInput/CategoryKeywordInput.tsx
@@ -3,48 +3,62 @@
 import { FC } from "react";
 
 import { FestivalCategory } from "@/apis/onboarding/onboardingType";
+import { cn } from "@/utils";
 
 import { BasicChip } from "../../Chip";
 
 interface Props {
-  moods: Array<FestivalCategory>;
-  selectedMoods: Array<number>;
+  categories: Array<FestivalCategory>;
+  selectedCategories: Array<number>;
   onChange: (keyword: Array<number>) => void;
   maxCount?: number;
+  isPrimaryLabel?: boolean;
+  label?: string;
 }
 
 const CategoryKeywordInput: FC<Props> = ({
-  moods,
-  selectedMoods,
+  categories,
+  label = "주제",
+  isPrimaryLabel = false,
+  selectedCategories,
   maxCount = 2,
   onChange,
 }) => {
   const handleHandleToggle = (isSelected: boolean, id: number) => {
     if (isSelected) {
-      onChange(selectedMoods.filter((m) => m !== id));
+      onChange(selectedCategories.filter((m) => m !== id));
       return;
     }
 
-    onChange([...selectedMoods, id]);
+    onChange([...selectedCategories, id]);
   };
 
   return (
     <div className="flex flex-col gap-[12px]">
       <div className="flex items-center gap-[6px]">
-        <label className="text-caption2-medium text-gray-500">주제</label>
+        <label
+          className={cn(
+            "text-caption2-medium",
+            isPrimaryLabel
+              ? "text-gray-scale-900 subtitle-medium"
+              : "text-gray-scale-400",
+          )}
+        >
+          {label}
+        </label>
         <span className="text-caption1-regular text-gray-300">최대 2개</span>
       </div>
       <div className="flex w-full flex-wrap gap-[8px]">
-        {moods.map((mood) => {
+        {categories.map((mood) => {
           const { categoryId, name } = mood;
-          const isSelected = selectedMoods.some((id) => id === categoryId);
+          const isSelected = selectedCategories.some((id) => id === categoryId);
           return (
             <BasicChip
               key={categoryId}
               type="button"
               label={name}
               active={isSelected}
-              disabled={selectedMoods.length === maxCount && !isSelected}
+              disabled={selectedCategories.length >= maxCount && !isSelected}
               onClick={() => handleHandleToggle(isSelected, categoryId)}
             />
           );
diff --git a/src/components/core/Input/KeywordInput/ConpanionKeywordInput.tsx b/src/components/core/Input/KeywordInput/ConpanionKeywordInput.tsx
new file mode 100644
index 0000000..ab085a2
--- /dev/null
+++ b/src/components/core/Input/KeywordInput/ConpanionKeywordInput.tsx
@@ -0,0 +1,68 @@
+"use client";
+import { FC } from "react";
+
+import { FestivalCompanion } from "@/apis/onboarding/onboardingType";
+import { cn } from "@/utils";
+
+import { BasicChip } from "../../Chip";
+
+interface Props {
+  companions: Array<FestivalCompanion>;
+  isPrimaryLabel?: boolean;
+  selectedCompanions: Array<number>;
+  onChange: (keyword: Array<number>) => void;
+  label?: string;
+}
+
+const CompanionKeywordInput: FC<Props> = ({
+  companions,
+  isPrimaryLabel = false,
+  selectedCompanions,
+  onChange,
+  label = "페스티벌 일행",
+}) => {
+  const handleHandleToggle = (isSelected: boolean, id: number) => {
+    if (isSelected) {
+      onChange(selectedCompanions.filter((m) => m !== id));
+      return;
+    }
+
+    onChange([...selectedCompanions, id]);
+  };
+
+  return (
+    <div className="flex flex-col gap-[12px]">
+      <div className="flex items-center gap-[6px]">
+        <label
+          className={cn(
+            "text-caption2-medium",
+            isPrimaryLabel
+              ? "text-gray-scale-900 subtitle-medium"
+              : "text-gray-scale-400",
+          )}
+        >
+          {label}
+        </label>
+      </div>
+      <div className="flex w-full flex-wrap gap-[8px]">
+        {companions.map((companion) => {
+          const { companionId, companionType } = companion;
+          const isSelected = selectedCompanions.some(
+            (id) => id === companionId,
+          );
+          return (
+            <BasicChip
+              key={companionId}
+              type="button"
+              label={companionType}
+              active={isSelected}
+              onClick={() => handleHandleToggle(isSelected, companionId)}
+            />
+          );
+        })}
+      </div>
+    </div>
+  );
+};
+
+export default CompanionKeywordInput;
diff --git a/src/components/core/Input/KeywordInput/MoodKeywordInput.tsx b/src/components/core/Input/KeywordInput/MoodKeywordInput.tsx
index d614302..d01ac0c 100644
--- a/src/components/core/Input/KeywordInput/MoodKeywordInput.tsx
+++ b/src/components/core/Input/KeywordInput/MoodKeywordInput.tsx
@@ -2,6 +2,7 @@
 import { FC } from "react";
 
 import { FestivalMood } from "@/apis/onboarding/onboardingType";
+import { cn } from "@/utils";
 
 import { BasicChip } from "../../Chip";
 
@@ -10,6 +11,8 @@ interface Props {
   selectedMoods: Array<number>;
   onChange: (keyword: Array<number>) => void;
   maxCount?: number;
+  isPrimaryLabel?: boolean;
+  label?: string;
 }
 
 const MoodKeywordInput: FC<Props> = ({
@@ -17,6 +20,8 @@ const MoodKeywordInput: FC<Props> = ({
   selectedMoods,
   maxCount = 2,
   onChange,
+  isPrimaryLabel = false,
+  label = "페스티벌 일행",
 }) => {
   const handleHandleToggle = (isSelected: boolean, id: number) => {
     if (isSelected) {
@@ -30,8 +35,19 @@ const MoodKeywordInput: FC<Props> = ({
   return (
     <div className="flex flex-col gap-[12px]">
       <div className="flex items-center gap-[6px]">
-        <label className="text-caption2-medium text-gray-500">분위기</label>
-        <span className="text-caption1-regular text-gray-300">최대 2개</span>
+        <label
+          className={cn(
+            "text-caption2-medium",
+            isPrimaryLabel
+              ? "text-gray-scale-900 subtitle-medium"
+              : "text-gray-scale-400",
+          )}
+        >
+          {label}
+        </label>
+        <span className="text-caption1-regular text-gray-300">
+          최대 {maxCount}개
+        </span>
       </div>
       <div className="flex w-full flex-wrap gap-[8px]">
         {moods.map((mood) => {
diff --git a/src/components/core/Input/KeywordInput/PriorityKeywordInput.tsx b/src/components/core/Input/KeywordInput/PriorityKeywordInput.tsx
new file mode 100644
index 0000000..105ef64
--- /dev/null
+++ b/src/components/core/Input/KeywordInput/PriorityKeywordInput.tsx
@@ -0,0 +1,72 @@
+"use client";
+import { FC } from "react";
+
+import { FestivalPriority } from "@/apis/onboarding/onboardingType";
+import { cn } from "@/utils";
+
+import { BasicChip } from "../../Chip";
+
+interface Props {
+  priorities: Array<FestivalPriority>;
+  selectedPriorities: Array<number>;
+  onChange: (keyword: Array<number>) => void;
+  maxCount?: number;
+  isPrimaryLabel?: boolean;
+  label?: string;
+}
+
+const PriorityKeywordInput: FC<Props> = ({
+  priorities,
+  selectedPriorities,
+  maxCount = 3,
+  onChange,
+  isPrimaryLabel = false,
+  label = "페스티벌 우선순위",
+}) => {
+  const handleHandleToggle = (isSelected: boolean, id: number) => {
+    if (isSelected) {
+      onChange(selectedPriorities.filter((m) => m !== id));
+      return;
+    }
+
+    onChange([...selectedPriorities, id]);
+  };
+
+  return (
+    <div className="flex flex-col gap-[12px]">
+      <div className="flex items-center gap-[6px]">
+        <label
+          className={cn(
+            "text-caption2-medium",
+            isPrimaryLabel
+              ? "text-gray-scale-900 subtitle-medium"
+              : "text-gray-scale-400",
+          )}
+        >
+          {label}
+        </label>
+        <span className="text-caption1-regular text-gray-300">
+          최대 {maxCount}개
+        </span>
+      </div>
+      <div className="flex w-full flex-wrap gap-[8px]">
+        {priorities.map((priorityItem) => {
+          const { priority, priorityId } = priorityItem;
+          const isSelected = selectedPriorities.some((id) => id === priorityId);
+          return (
+            <BasicChip
+              key={priorityId}
+              type="button"
+              label={priority}
+              active={isSelected}
+              disabled={selectedPriorities.length === maxCount && !isSelected}
+              onClick={() => handleHandleToggle(isSelected, priorityId)}
+            />
+          );
+        })}
+      </div>
+    </div>
+  );
+};
+
+export default PriorityKeywordInput;
diff --git a/src/components/core/Input/KeywordInput/index.ts b/src/components/core/Input/KeywordInput/index.ts
index bc6e961..80cdf29 100644
--- a/src/components/core/Input/KeywordInput/index.ts
+++ b/src/components/core/Input/KeywordInput/index.ts
@@ -1,2 +1,5 @@
 export { default as CategoryKeywordInput } from "./CategoryKeywordInput";
+export { default as ConpanionKeywordInput } from "./ConpanionKeywordInput";
 export { default as MoodKeywordInput } from "./MoodKeywordInput";
+export { default as PriorityKeywordInput } from "./PriorityKeywordInput";
+export { default as ReviewKeywordInput } from "./ReviewKeywordInput";
diff --git a/src/middleware.ts b/src/middleware.ts
index d64daf6..1df27ab 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -36,7 +36,7 @@ export async function middleware(request: NextRequest) {
       return NextResponse.redirect(new URL("/onboarding", request.url));
     }
 
-    !!session
+    return !!session
       ? NextResponse.redirect(new URL("/", request.url))
       : NextResponse.next();
   }
diff --git a/src/validations/ProfileUpdateSchema.ts b/src/validations/ProfileUpdateSchema.ts
new file mode 100644
index 0000000..dfef722
--- /dev/null
+++ b/src/validations/ProfileUpdateSchema.ts
@@ -0,0 +1,26 @@
+import { z } from "zod";
+
+import { ONBOARDING_SETTING } from "@/config";
+
+const MoodsSchema = z
+  .array(z.number())
+  .min(ONBOARDING_SETTING.MOOD_MIN, "at least three items");
+
+const PrioritiesSchema = z
+  .array(z.number())
+  .min(ONBOARDING_SETTING.PRIORITY_MIN, "at least one item");
+
+const companionsSchema = z.array(z.number()).min(1, "at least one item");
+
+const CategoriesSchema = z
+  .array(z.number())
+  .min(ONBOARDING_SETTING.CATEGORY_MIN, "at least two items");
+
+export const ProfileUpdateSchema = z.object({
+  categoryIds: CategoriesSchema,
+  moodIds: MoodsSchema,
+  companionIds: companionsSchema,
+  priorityIds: PrioritiesSchema,
+});
+
+export type ProfileUpdateSchemaType = z.output<typeof ProfileUpdateSchema>;