diff --git a/src/components/common/tuneSetting/TuneSetting.tsx b/src/components/common/tuneSetting/TuneSetting.tsx
new file mode 100644
index 0000000..01addd0
--- /dev/null
+++ b/src/components/common/tuneSetting/TuneSetting.tsx
@@ -0,0 +1,52 @@
+import { ChangeEvent, FormEvent, useState } from 'react';
+import Button from '../button/Button';
+
+const TuneSetting = () => {
+  const [temperature, setTemperature] = useState(0.3);
+  const [repetitionPenalty, setRepetitionPenalty] = useState(1.5);
+
+  const temperatureHandler = (e: ChangeEvent<HTMLInputElement>) => {
+    setTemperature(parseFloat(e.target.value));
+  };
+  const repetitionPenaltyHandler = (e: ChangeEvent<HTMLInputElement>) => {
+    setRepetitionPenalty(parseFloat(e.target.value));
+  };
+
+  const handleSubmit = (e: FormEvent) => {
+    e.preventDefault();
+    console.log(temperature, repetitionPenalty);
+  };
+
+  return (
+    <form onSubmit={handleSubmit}>
+      <div>
+        <label htmlFor="temperature">{`Temperature : ${temperature}`}</label>
+        <input
+          type="range"
+          name="temperature"
+          id="temperature"
+          value={temperature}
+          onChange={temperatureHandler}
+          min="0"
+          max="0.99"
+          step="0.01"
+        />
+      </div>
+      <div>
+        <label htmlFor="repetitionPenalty">{`Repetition Penalty : ${repetitionPenalty}`}</label>
+        <input
+          type="range"
+          name="repetitionPenalty"
+          id="repetitionPenalty"
+          value={repetitionPenalty}
+          onChange={repetitionPenaltyHandler}
+          min="1"
+          max="2"
+          step="0.01"
+        />
+      </div>
+      <Button theme="green">Set up</Button>
+    </form>
+  );
+};
+export default TuneSetting;
diff --git a/src/pages/profile/index.tsx b/src/pages/profile/index.tsx
index 5b04f4a..024884b 100644
--- a/src/pages/profile/index.tsx
+++ b/src/pages/profile/index.tsx
@@ -1,10 +1,15 @@
 import { css } from '@emotion/react';
 import BottomNavBar from '@/components/common/bottomNavBar/BottomNavBar';
 import SEO from '@/components/common/head/SEO';
+import TuneSetting from '@/components/common/tuneSetting/TuneSetting';
+import Dialog from '@/components/common/dialog/Dialog';
 
 const Profile = () => (
   <>
     <SEO title="Profile" />
+    <Dialog theme="white" closeModal={() => { console.log('모달 클로즈'); }}>
+      <TuneSetting />
+    </Dialog>
     <section css={pageCSS}>
       프로필 기능은 추후 제공될 예정입니다.
     </section>