diff --git a/assets/blankProfile.webp b/assets/blankProfile.webp
new file mode 100644
index 0000000..f177a45
Binary files /dev/null and b/assets/blankProfile.webp differ
diff --git a/css/styleProfile.css b/css/styleProfile.css
index cbe9a60..c314d48 100644
--- a/css/styleProfile.css
+++ b/css/styleProfile.css
@@ -1,5 +1,7 @@
 * {
   background: #eae7de;
+
+  font-family: 'IBM Plex Sans KR', sans-serif;
 }
 
 a {
@@ -12,7 +14,7 @@ a {
   padding: 0 5% 0 5%;
 }
 
-#image {
+#profileImageForm {
   border: 1px solid #051619;
 
   padding: 1.5rem 2rem;
@@ -20,7 +22,7 @@ a {
   margin-bottom: 1.5rem;
 }
 
-#image > img {
+#profileImageForm > img {
   width: 250px;
   height: 250px;
 
@@ -29,6 +31,12 @@ a {
   margin-bottom: 1rem;
 }
 
+#profileBtn {
+  margin-top: 1rem;
+
+  background-color: whitesmoke;
+}
+
 .boxs {
   border: 1px solid #051619;
   margin-bottom: -1px;
@@ -41,11 +49,11 @@ a {
 }
 
 .boxs > h2 {
-  flex-basis: 15%;
+  flex-basis: 20%;
 }
 
 .boxs > div {
-  flex-basis: 85%;
+  flex-basis: 80%;
 }
 
 .textFieldInput {
@@ -57,33 +65,6 @@ a {
   margin-bottom: 10px;
 }
 
-.filebox > label {
-  display: inline-block;
-  padding: .5em .75em;
-  color: black;
-  font-size: inherit;
-  line-height: normal;
-  vertical-align: middle;
-  background-color: #fdfdfd;
-  cursor: pointer;
-  border: 1px solid black;
-  border-bottom-color: black;
-  border-radius: .25em;
-}
-
-/* 파일 필드 숨기기 */
-.filebox input[type="file"] {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip:rect(0,0,0,0);
-  border: 0;
-}
-
 #intro {
-  font-size: 1.5rem;
   line-height: 150%;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 38d4807..3c7b0c9 100644
--- a/index.html
+++ b/index.html
@@ -12,6 +12,8 @@
         integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
     <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap"
         rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@500&display=swap" rel="stylesheet">
+    
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
diff --git a/js/main.js b/js/main.js
index 5ecaf0b..ba36810 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,10 +1,13 @@
 import { handleAuth, onToggle, logout } from "./pages/login.js";
 import { socialLogin } from "./pages/login.js";
 import { handleLocation, goToProfile } from "./router.js";
-// import { authService } from "./firebase.js";
-import { openEditBoxName, closeEditBoxName, changeName, openEditBoxBlog, 
-    closeEditBoxBlog, changeBlog, openEditBoxBirth, closeEditBoxBirth, 
-    changeBirth, openEditBoxText, closeEditBoxText, changeText} from "./pages/profile.js";
+import { authService } from "./firebase.js";
+import { openEditBoxName, closeEditBoxName, openEditBoxBlog, 
+    closeEditBoxBlog, openEditBoxBirth, closeEditBoxBirth, 
+    openEditBoxText, closeEditBoxText, changeProfile, onFileChange} from "./pages/profile_img.js";
+import { saveName, saveBlog, saveBirth, saveText, getBirth } from "./pages/profile_text.js";
+
+//생략 : changeName, changeBlog, changeBirth, changeText
 
 // url 바뀌면 handleLocation 실행하여 화면 변경
 window.addEventListener("hashchange", handleLocation);
@@ -12,24 +15,25 @@ window.addEventListener("hashchange", handleLocation);
 // 첫 랜딩 또는 새로고침 시 handleLocation 실행하여 화면 변경
 document.addEventListener("DOMContentLoaded", function () {
     // Firebase 연결상태를 감시
-    // authService.onAuthStateChanged((user) => {
+    authService.onAuthStateChanged((user) => {
         // Firebase 연결되면 화면 표시
         // handleLocation() : 화면을 띄우는 역할
+        console.log(user);
         handleLocation();
-        // const hash = window.location.hash;
-        // if (user) {
-        //     // 로그인 상태이므로 항상 팬명록 화면으로 이동
-        //     if (hash === "") {
-        //         // 로그인 상태에서는 로그인 화면으로 되돌아갈 수 없게 설정
-        //         window.location.replace("#home");
-        //     }
-        // } else {
-        //     // 로그아웃 상태이므로 로그인 화면으로 강제 이동
-        //     if (hash !== "") {
-        //         window.location.replace("");
-        //     }
-        // }
-    // });
+        const hash = window.location.hash;
+        if (user) {
+            // 로그인 상태이므로 항상 팬명록 화면으로 이동
+            if (hash === "") {
+                // 로그인 상태에서는 로그인 화면으로 되돌아갈 수 없게 설정
+                window.location.replace("#home");
+            }
+        } else {
+            // 로그아웃 상태이므로 로그인 화면으로 강제 이동
+            if (hash !== "") {
+                window.location.replace("");
+            }
+        }
+    });
 });
 // type=module, 모듈객체는 지역적으로 밖에 사용 불가. 따라서 윈도우객체에 할당함으로써 전역적으로 사용 가능해짐
 // onclick, onchange, onsubmit 이벤트 핸들러 리스트
@@ -38,8 +42,6 @@ window.handleAuth = handleAuth;
 window.goToProfile = goToProfile;
 window.socialLogin = socialLogin;
 window.logout = logout;
-// window.onFileChange = onFileChange;
-// window.changeProfile = changeProfile;
 // window.save_comment = save_comment;
 // window.update_comment = update_comment;
 // window.onEditing = onEditing;
@@ -48,13 +50,22 @@ window.logout = logout;
 //////////////////프로필////////////////////
 window.openEditBoxName = openEditBoxName;
 window.closeEditBoxName = closeEditBoxName;
-window.changeName = changeName;
+// window.changeName = changeName;
 window.openEditBoxBlog = openEditBoxBlog;
 window.closeEditBoxBlog = closeEditBoxBlog;
-window.changeBlog = changeBlog;
+// window.changeBlog = changeBlog;
 window.openEditBoxBirth = openEditBoxBirth;
 window.closeEditBoxBirth = closeEditBoxBirth;
-window.changeBirth = changeBirth;
+// window.changeBirth = changeBirth;
 window.openEditBoxText = openEditBoxText;
 window.closeEditBoxText = closeEditBoxText;
-window.changeText = changeText;
+// window.changeText = changeText;
+
+window.onFileChange = onFileChange;
+window.changeProfile = changeProfile;
+
+window.saveName = saveName;
+window.saveBlog = saveBlog;
+window.saveBirth = saveBirth;
+window.saveText = saveText;
+window.getBirth = getBirth;
\ No newline at end of file
diff --git a/js/pages/profile.js b/js/pages/profile.js
deleted file mode 100644
index 8e80afa..0000000
--- a/js/pages/profile.js
+++ /dev/null
@@ -1,151 +0,0 @@
-// import { authService, storageService } from "../firebase.js";
-// import {
-//   ref,
-//   uploadString,
-//   getDownloadURL,
-//   deleteObject
-// } from "https://www.gstatic.com/firebasejs/9.14.0/firebase-storage.js";
-// import { v4 as uuidv4 } from "https://jspm.dev/uuid";
-
-// // Storage에서 이미지 저장 위치 지정.
-// // 현 코드에서는 userId 폴더 내에 파일명은 uuid(전세계 유일한 ID)로 설정
-// const imgRef = ref(
-//     storageService,
-//     `${authService.currentUser.uid}/${uuidv4()}`
-//   );
-// // 파일 저장 API. 파일 포맷이 data_url인 경우
-// uploadString(imgRef, imgDataUrl, "data_url");
-
-// // 파일 삭제
-// deleteObject(ref(storageService, attachmentUrl));
-
-// function editForm() {
-//   let name = document.getElementById('name');
-//   console.log(name);
-// }
-
-///////////////////////////////////////////////////
-
-export function openEditBoxName() {
-  let name = document.getElementById('name');
-  let editName = document.getElementById('editName');
-
-  name.style.display='none';
-  editName.style.display='block';
-}
-
-export function closeEditBoxName() {
-  let name = document.getElementById('name');
-  let editName = document.getElementById('editName');
-
-  name.style.display='block';
-  editName.style.display='none';
-}
-
-export function changeName() {
-  let name = document.getElementById('name');
-  let editName = document.getElementById('editName');
-
-  // let nameVal = name.childNodes[1].innerText;
-  let editNameVal = editName.childNodes[1].childNodes[1].childNodes[1].value;
-
-  name.childNodes[1].innerText = editNameVal;
-  
-  name.style.display='block';
-  editName.style.display='none';
-}
-
-/////////////////////////////////////////////////////
-
-export function openEditBoxBlog() {
-  let blog = document.getElementById('blog');
-  let editBlog = document.getElementById('editBlog');
-
-  blog.style.display='none';
-  editBlog.style.display='block';
-}
-
-export function closeEditBoxBlog() {
-  let blog = document.getElementById('blog');
-  let editBlog = document.getElementById('editBlog');
-
-  blog.style.display='block';
-  editBlog.style.display='none';
-}
-
-export function changeBlog() {
-  let blog = document.getElementById('blog');
-  let editBlog = document.getElementById('editBlog');
-
-  // let blogVal = blog.childNodes[1].innerText;
-  let editBlogVal = editBlog.childNodes[1].childNodes[1].childNodes[1].value;
-
-  console.log(blog.childNodes[1].childNodes[0].href);
-
-  blog.childNodes[1].childNodes[0].href = editBlogVal;
-
-  console.log(blog.childNodes[1].childNodes[0].href);
-
-  blog.style.display='block';
-  editBlog.style.display='none';
-}
-
-/////////////////////////////////////////////////////
-
-export function openEditBoxBirth() {
-  let birth = document.getElementById('birth');
-  let editBirth = document.getElementById('editBirth');
-
-  birth.style.display='none';
-  editBirth.style.display='block';
-}
-
-export function closeEditBoxBirth() {
-  let birth = document.getElementById('birth');
-  let editBirth = document.getElementById('editBirth');
-
-  birth.style.display='block';
-  editBirth.style.display='none';
-}
-
-export function changeBirth() {
-  let birth = document.getElementById('birth');
-  let editBirth = document.getElementById('editBirth');
-
-  let editBirthVal = editBirth.childNodes[1].childNodes[1].childNodes[1].value;
-
-  birth.childNodes[1].innerText = editBirthVal;
-  
-  birth.style.display='block';
-  editBirth.style.display='none';
-}
-
-/////////////////////////////////////////////////////
-
-export function openEditBoxText() {
-  let text = document.getElementById('text');
-  let editText = document.getElementById('editText');
-
-  text.style.display='none';
-  editText.style.display='block';
-}
-
-export function closeEditBoxText() {
-  let text = document.getElementById('text');
-  let editText = document.getElementById('editText');
-
-  text.style.display='block';
-  editText.style.display='none';
-}
-
-export function changeText() {
-  let text = document.getElementById('text');
-  let editText = document.getElementById('editText');
-
-  let editTextVal = editText.childNodes[1].childNodes[1].childNodes[1].value;
-
-  text.childNodes[1].innerText = editTextVal;
-  
-  text.style.display='block';
-  editText.style.display='none';
-}
\ No newline at end of file
diff --git a/js/pages/profile_img.js b/js/pages/profile_img.js
new file mode 100644
index 0000000..d201db8
--- /dev/null
+++ b/js/pages/profile_img.js
@@ -0,0 +1,181 @@
+import { authService, storageService } from "../firebase.js";
+import {
+  ref,
+  uploadString,
+  getDownloadURL,
+} from "https://www.gstatic.com/firebasejs/9.14.0/firebase-storage.js";
+import { updateProfile } from "https://www.gstatic.com/firebasejs/9.14.0/firebase-auth.js";
+import { v4 as uuidv4 } from "https://jspm.dev/uuid";
+
+export const changeProfile = async (event) => {
+  event.preventDefault();
+  document.getElementById("profileBtn").disabled = true;
+  const imgRef = ref(
+    storageService,
+    `${authService.currentUser.uid}/${uuidv4()}`
+  );
+
+  // const newNickname = document.getElementById("profileNickname").value;
+  // 프로필 이미지 dataUrl을 Storage에 업로드 후 다운로드 링크를 받아서 photoURL에 저장.
+  const imgDataUrl = localStorage.getItem("imgDataUrl");
+  let downloadUrl;
+  if (imgDataUrl) {
+    const response = await uploadString(imgRef, imgDataUrl, "data_url");
+    downloadUrl = await getDownloadURL(response.ref);
+  }
+  await updateProfile(authService.currentUser, {
+    // displayName: newNickname ? newNickname : null,
+    photoURL: downloadUrl ? downloadUrl : null,
+  })
+    .then(() => {
+      alert("프로필 수정 완료");
+      window.location.hash = "#home";
+    })
+    .catch((error) => {
+      alert("프로필 수정 실패");
+      console.log("error:", error);
+    });
+};
+
+export const onFileChange = (event) => {
+  const theFile = event.target.files[0]; // file 객체
+  const reader = new FileReader();
+  reader.readAsDataURL(theFile); // file 객체를 브라우저가 읽을 수 있는 data URL로 읽음.
+  reader.onloadend = (finishedEvent) => {
+    // 파일리더가 파일객체를 data URL로 변환 작업을 끝났을 때
+    const imgDataUrl = finishedEvent.currentTarget.result;
+    localStorage.setItem("imgDataUrl", imgDataUrl);
+    document.getElementById("image").src = imgDataUrl;
+  };
+};
+
+///////////////////////////////////////////////////
+
+export function openEditBoxName() {
+  let name = document.getElementById('name');
+  let editName = document.getElementById('editName');
+
+  name.style.display='none';
+  editName.style.display='block';
+}
+
+export function closeEditBoxName() {
+  let name = document.getElementById('name');
+  let editName = document.getElementById('editName');
+
+  name.style.display='block';
+  editName.style.display='none';
+}
+
+// export function changeName() {
+//   let name = document.getElementById('name');
+//   let editName = document.getElementById('editName');
+
+//   // let nameVal = name.childNodes[1].innerText;
+//   let editNameVal = editName.childNodes[1].childNodes[1].childNodes[1].value;
+
+//   name.childNodes[1].innerText = editNameVal;
+  
+//   name.style.display='block';
+//   editName.style.display='none';
+// }
+
+/////////////////////////////////////////////////////
+
+export function openEditBoxBlog() {
+  let blog = document.getElementById('blog');
+  let editBlog = document.getElementById('editBlog');
+
+  blog.style.display='none';
+  editBlog.style.display='block';
+}
+
+export function closeEditBoxBlog() {
+  let blog = document.getElementById('blog');
+  let editBlog = document.getElementById('editBlog');
+
+  blog.style.display='block';
+  editBlog.style.display='none';
+}
+
+// export function changeBlog() {
+//   let blog = document.getElementById('blog');
+//   let editBlog = document.getElementById('editBlog');
+
+//   // let blogVal = blog.childNodes[1].innerText;
+//   let editBlogVal = editBlog.childNodes[1].childNodes[1].childNodes[1].value;
+
+//   console.log(blog.childNodes[1].childNodes[0].getAttribute('href'));
+
+//   blog.childNodes[1].childNodes[0].removeAttribute('href');
+//   console.log(blog.childNodes[1].childNodes[0].getAttribute('href'));
+
+//   blog.childNodes[1].childNodes[0].setAttribute('href', editBlogVal);
+//   console.log(blog.childNodes[1].childNodes[0].getAttribute('href'));
+
+//   blog.style.display='block';
+//   editBlog.style.display='none';
+// }
+
+/////////////////////////////////////////////////////
+
+export function openEditBoxBirth() {
+  let birth = document.getElementById('birth');
+  let editBirth = document.getElementById('editBirth');
+
+  birth.style.display='none';
+  editBirth.style.display='block';
+}
+
+export function closeEditBoxBirth() {
+  let birth = document.getElementById('birth');
+  let editBirth = document.getElementById('editBirth');
+
+  birth.style.display='block';
+  editBirth.style.display='none';
+}
+
+// export function changeBirth() {
+//   let birth = document.getElementById('birth');
+//   let editBirth = document.getElementById('editBirth');
+
+//   let editBirthVal = editBirth.childNodes[1].childNodes[1].childNodes[1].value;
+
+//   birth.childNodes[1].innerText = editBirthVal;
+  
+//   birth.style.display='block';
+//   editBirth.style.display='none';
+// }
+
+/////////////////////////////////////////////////////
+
+export function openEditBoxText() {
+  let text = document.getElementById('text');
+  let editText = document.getElementById('editText');
+
+  // text.style.display='none';
+  text.parentElement.remove();
+  editText.style.display='block';
+}
+
+export function closeEditBoxText() {
+  // let text = document.getElementById('text');
+  let h2 = document.getElementById('h2');
+  let editText = document.getElementById('editText');
+
+  // text.style.display='block';
+  h2.insertAdjacentHTML('afterend', `<div> <div id="text">안녕하세요 ···</div></div>` )
+  editText.style.display='none';
+}
+
+// export function changeText() {
+//   let text = document.getElementById('text');
+//   let editText = document.getElementById('editText');
+
+//   let editTextVal = editText.childNodes[1].childNodes[1].childNodes[1].value;
+
+//   text.childNodes[1].innerText = editTextVal;
+  
+//   text.style.display='block';
+//   editText.style.display='none';
+// }
\ No newline at end of file
diff --git a/js/pages/profile_text.js b/js/pages/profile_text.js
new file mode 100644
index 0000000..27ad454
--- /dev/null
+++ b/js/pages/profile_text.js
@@ -0,0 +1,162 @@
+import {
+  doc,
+  addDoc,
+  updateDoc,
+  deleteDoc,
+  collection,
+  orderBy,
+  query,
+  getDocs,
+} from "https://www.gstatic.com/firebasejs/9.14.0/firebase-firestore.js";
+import { dbService, authService } from "../firebase.js";
+import { updateProfile } from "https://www.gstatic.com/firebasejs/9.14.0/firebase-auth.js";
+
+// export const saveName = async (event) => {
+//   event.preventDefault();
+//   let saveButton = document.getElementById('saveNameButton');
+//   console.log(saveButton);
+//   const comment = document.getElementById("nameComment");
+//   const { uid } = authService.currentUser;
+//   try {
+//     await addDoc(collection(dbService, "name"), {
+//       name: comment.value,
+//       creatorId: uid
+//     });
+//     comment.value = "";
+//     closeEditBoxName();
+//     alert('작성 완료!');
+//     // saveButton.style.display='none';
+//     // editButton.style.display='block';
+//     // getCommentList();
+//   } catch (error) {
+//     alert(error);
+//     console.log("error in addDoc:", error);
+//   }
+// };
+
+export const saveName = async (event) => {
+  event.preventDefault();
+  const newName = document.getElementById("nameComment").value;
+  await updateProfile(authService.currentUser, {
+    displayName: newName ? newName : null,
+  })
+    .then(() => {
+      alert("프로필 수정 완료");
+      window.location.reload();
+      // window.location.hash = "#";
+    })
+    .catch((error) => {
+      alert("프로필 수정 실패");
+      console.log("error:", error);
+    });
+};
+
+export const saveBlog = async (event) => {
+  event.preventDefault();
+  let saveButton = document.getElementById('saveBlogButton');
+  // console.log(saveButton);
+  const comment = document.getElementById("blogComment");
+  const { uid } = authService.currentUser;
+  try {
+    await addDoc(collection(dbService, "blogUrl"), {
+      url: comment.value,
+      creatorId: uid
+    });
+    closeEditBoxName();
+    alert('작성 완료!');
+    window.location.reload();
+
+    // let blog = document.getElementById('blog');
+    // let blogVal = blog.childNodes[1].innerText;
+    // let blogCommentVal = comment.value;
+    // comment.value = "";
+
+    // console.log(blogVal);
+    // console.log(blogCommentVal);
+
+    // console.log(blog.childNodes[1].childNodes[0].getAttribute('href'))
+
+    // blog.childNodes[1].childNodes[0].removeAttribute('href');
+    // console.log(blog.childNodes[1].childNodes[0].getAttribute('href'));
+
+    // blog.childNodes[1].childNodes[0].setAttribute('href', blogCommentVal);
+    // console.log(blog.childNodes[1].childNodes[0].getAttribute('href'));
+  } catch (error) {
+    alert(error);
+    console.log("error in addDoc:", error);
+  }
+};
+
+// export const saveBirth = async (event) => {
+//   event.preventDefault();
+//   const newBirth = document.getElementById("birthComment").value;
+//   await updateProfile(authService.currentUser, {
+//     phoneNumber: newBirth ? newBirth : null,
+//   })
+//     .then(() => {
+//       alert("프로필 수정 완료");
+//       window.location.reload();
+//       // window.location.hash = "#";
+//     })
+//     .catch((error) => {
+//       alert("프로필 수정 실패");
+//       console.log("error:", error);
+//     });
+// };
+
+export const saveBirth = async (event) => {
+  event.preventDefault();
+  let saveButton = document.getElementById('saveBlogButton');
+  // console.log(saveButton);
+  const comment = document.getElementById("birthComment");
+  const { uid } = authService.currentUser;
+  try {
+    await addDoc(collection(dbService, "birth"), {
+      birth: comment.value,
+      creatorId: uid
+    });
+    closeEditBoxName();
+    alert('작성 완료!');
+    window.location.reload();
+  } catch (error) {
+    alert(error);
+    console.log("error in addDoc:", error);
+  }
+};
+
+export const saveText = async (event) => {
+  event.preventDefault();
+  let saveButton = document.getElementById('saveTextButton');
+  // console.log(saveButton);
+  const comment = document.getElementById("textComment");
+  const { uid } = authService.currentUser;
+  try {
+    await addDoc(collection(dbService, "text"), {
+      text: comment.value,
+      creatorId: uid
+    });
+    closeEditBoxName();
+    alert('작성 완료!');
+    window.location.reload();
+  } catch (error) {
+    alert(error);
+    console.log("error in addDoc:", error);
+  }
+};
+
+export const getBirth = async () => {
+  let cmtObjList = [];
+  const q = query(
+    collection(dbService, "birth"),
+    orderBy("createdAt", "desc")
+  );
+  const querySnapshot = await getDocs(q);
+  querySnapshot.forEach((doc) => {
+    const commentObj = {
+      id: doc.id,
+      ...doc.data(),
+    };
+    cmtObjList.push(commentObj);
+    alert(cmtObjList);
+  });
+}
\ No newline at end of file
diff --git a/js/router.js b/js/router.js
index 296dca2..d28eca2 100644
--- a/js/router.js
+++ b/js/router.js
@@ -1,4 +1,4 @@
-import { authService } from "./firebase.js";
+import { authService, dbService } from "./firebase.js";
 
 
 const routes = {
@@ -6,7 +6,7 @@ const routes = {
     404: "/pages/404.html",
     home: "/pages/home.html",
     "/": "/pages/login.html",
-    profile: "/pages/profile.html",
+    profile: "/pages/profile.html"
 };
 
 export const handleLocation = async () => {
@@ -26,23 +26,25 @@ export const handleLocation = async () => {
     document.getElementById("root").innerHTML = html;
 
     // 특정 화면 렌더링 되자마자 DOM 조작 처리
-    if (path === "fanLog") {
-        // 로그인한 회원의 프로필사진과 닉네임을 화면에 표시해줌.
-        document.getElementById("nickname").textContent =
-            authService.currentUser.displayName ?? "닉네임 없음";
+    // if (path === "fanLog") {
+    //     // 로그인한 회원의 프로필사진과 닉네임을 화면에 표시해줌.
+    //     document.getElementById("nickname").textContent =
+    //         authService.currentUser.displayName ?? "닉네임 없음";
 
-        document.getElementById("profileImg").src =
-            authService.currentUser.photoURL ?? "../assets/blankProfile.webp";
+    //     document.getElementById("profileImg").src =
+    //         authService.currentUser.photoURL ?? "../assets/blankProfile.webp";
 
-        getCommentList();
-    }
-    // if (path === "profile") {
-    //     // 프로필 관리 화면 일 때 현재 프로필 사진과 닉네임 할당
-    //     document.getElementById("profileView").src =
-    //         authService.currentUser.photoURL ?? "/assets/blankProfile.webp";
-    //     document.getElementById("profileNickname").placeholder =
-    //         authService.currentUser.displayName ?? "닉네임 없음";
+    //     getCommentList();
     // }
+    if (path === "profile") {
+        // 프로필 관리 화면 일 때 현재 프로필 사진과 닉네임 할당
+        document.getElementById("image").src =
+            authService.currentUser.photoURL ?? "/assets/blankProfile.webp";
+        document.getElementById("nameText").innerHTML =
+            authService.currentUser.displayName ?? "이름 없음";
+        // document.getElementById("birthText").innerHTML =
+        //     authService.currentUser.tenantId ?? "출생년도 없음";            
+    }
 };
 
 export const goToProfile = () => {
diff --git a/pages/profile.html b/pages/profile.html
index 0ca195f..b46ef25 100644
--- a/pages/profile.html
+++ b/pages/profile.html
@@ -1,29 +1,29 @@
 <div id="profile">
 
-  <form id="image">
-    <img src="/assets/logo.png">
-      <!-- <input id="imgUpload" type="file" value="업로드"></br>  -->
-      <!-- <input type="button" value="수정"> -->
-      <!-- <input type="button" value="삭제"> -->
-    <div class="filebox">
-      <label for="ex_file">업로드</label>
-      <input type="file" id="ex_file"> 
+  <form onsubmit="changeProfile(event)" id="profileImageForm">
+    <img id="image" src="/assets/logo.png">
+    <div>
+      <input onchange="onFileChange(event)" id="imgUpload" type="file" value="업로드" accept="images/*">
+    </div>
+    <div>
+      <input id="profileBtn" type="submit" value="프로필 변경">
     </div>
   </form>
 
   <div id="intro">
     <div class="boxs">
-      <h2>닉네임</h2>
+      <h2>이름</h2>
       <div id="name">
-        <div>리기동</div>
+        <div id="nameText">리기동</div>
       </div>
       <div id="editName" class="editFormBtn" style="display: none">
         <form>
           <div class="textField">
-            <input type="text" name="name" class="textFieldInput" placeholder="닉네임">
+            <input type="text" id="nameComment" name="name" class="textFieldInput" placeholder="닉네임">
           </div>
           <div class="buttonField">
-            <button type="button" onclick="changeName()">변경하기</button>
+            <button type="button" id="saveNameButton" onclick="saveName(event)">변경하기</button>
+            <!-- <button type="button" id="editButton" style="display: none;" onclick="editName(event)">변경하기</button> -->
             <button type="button" onclick="closeEditBoxName()">취소</button>
           </div>
         </form>
@@ -41,10 +41,10 @@ <h2>블로그</h2>
       <div id="editBlog" class="editFormBtn" style="display: none">
         <form>
           <div class="textField">
-            <input type="text" name="blog" class="textFieldInput" placeholder="블로그">
+            <input type="text" id="blogComment" name="blog" class="textFieldInput" placeholder="블로그">
           </div>
           <div class="buttonField">
-            <button type="button" onclick="changeBlog()">변경하기</button>
+            <button type="button" id="saveBlogButton" onclick="saveBlog(event)">변경하기</button>
             <button type="button" onclick="closeEditBoxBlog()">취소</button>
           </div>
         </form>
@@ -57,15 +57,15 @@ <h2>블로그</h2>
     <div class="boxs">
       <h2>출생년도</h2>
       <div id="birth">
-        <div>1996</div>
+        <div id="birthText">1996</div>
       </div>
       <div id="editBirth" class="editFormBtn" style="display: none">
         <form>
           <div class="textField">
-            <input type="text" name="birth" class="textFieldInput" placeholder="출생년도">
+            <input type="text" id="birthComment" name="birth" class="textFieldInput" placeholder="출생년도">
           </div>
           <div class="buttonField">
-            <button type="button" onclick="changeBirth()">변경하기</button>
+            <button type="button" id="saveBlogButton" onclick="saveBirth(event)">변경하기</button>
             <button type="button" onclick="closeEditBoxBirth()">취소</button>
           </div>
         </form>
@@ -75,41 +75,18 @@ <h2>출생년도</h2>
       </span>
     </div>
     
-    <!-- <div class="boxs">
-    <h2>성별</h2>
-      <div>
-        <div>남자</div>
-      </div>
-      <div class="editFormTgl">
-        <form>
-          <select name="gender" class="textFieldInput">
-            <option value="E">기타</option>
-            <option value="W">여성</option>
-            <option value="M">남성</option>
-          </select>
-          <div class="buttonField">
-            <button type="button">변경하기</button>
-            <button type="button">취소</button>
-          </div>
-        </form>
-      </div>
-      <span>
-        <img src="/assets/button.png">
-      </span>
-    </div> -->
-    
     <div class="boxs">
-      <h2>자기소개</h2>
-      <div id="text">
-        <div>안녕하세요 ···</div>
+      <h2 id="h2">자기소개</h2>
+      <div>
+        <div id="text">안녕하세요 ···</div>
       </div>
       <div id="editText" class="editFormBtn" style="display: none">
         <form>
           <div class="textField">
-            <input type="textarea" name="intro" class="textFieldInput" placeholder="자기소개" style="width: 90%; height: 200px;">
+            <input type="textarea" id="textComment" name="intro" class="textFieldInput" placeholder="자기소개" style="width: 90%; height: 200px;">
           </div>
           <div class="buttonField">
-            <button type="button" onclick="changeText()">변경하기</button>
+            <button type="button" id="saveTextButton" onclick="saveText(event)">변경하기</button>
             <button type="button" onclick="closeEditBoxText()">취소</button>
           </div>
         </form>