diff --git a/frontend/src/components/village/VillageContainer.tsx b/frontend/src/components/village/VillageContainer.tsx
index 14fa996..ca37ac7 100644
--- a/frontend/src/components/village/VillageContainer.tsx
+++ b/frontend/src/components/village/VillageContainer.tsx
@@ -9,6 +9,7 @@ import { UserItem, UserProfile, Village } from '../../types';
 import { getVillageAll } from '../../service/village';
 import { checkVillageDistance } from '../../app/util';
 import { PositionContext } from '../../app/layout';
+import { NORMAL_IMG_KEY, USER_ID_KEY } from '../../constants';
 
 export default function VillageContainer() {
   const [toggleStart, setToggleStart] = useState(false);
@@ -24,8 +25,9 @@ export default function VillageContainer() {
 
   useEffect(() => {
     (async () => {
-      const profile = getUserProfile(1);
-      const items = getUserItems(1);
+      const userId = Number(sessionStorage.getItem(USER_ID_KEY));
+      const profile = getUserProfile(userId);
+      const items = getUserItems(userId);
       Promise.all([profile, items]).then((res) => {
         setUserProfile(res[0]);
         setUserItems(res[1]);
@@ -80,7 +82,7 @@ export default function VillageContainer() {
       <div className="flex gap-[16px] w-full justify-center pt-[24px]">
         <div className="w-[156px] relative">
           <Image
-            src="/images/avatar.png"
+            src={sessionStorage.getItem(NORMAL_IMG_KEY)}
             alt="main-map"
             width={80}
             height={377}
diff --git a/frontend/src/components/village/VillageDetailContainer.tsx b/frontend/src/components/village/VillageDetailContainer.tsx
index 7516966..dbf35de 100644
--- a/frontend/src/components/village/VillageDetailContainer.tsx
+++ b/frontend/src/components/village/VillageDetailContainer.tsx
@@ -11,6 +11,11 @@ import { useRouter } from 'next/navigation';
 import { getVillage } from '../../service/village';
 import { PositionContext } from '../../app/layout';
 import { checkVillageDistance } from '../../app/util';
+import {
+  CHEERING_IMG_KEY,
+  DESPAIR_IMG_KEY,
+  NORMAL_IMG_KEY,
+} from '../../constants';
 
 type Props = {
   missions: Mission[];
@@ -177,7 +182,11 @@ export default function VillageDetailContainer({
                       {clickedType === 'O' ? '성공!' : '다시 시도해볼까요?'}
                     </p>
                     <Image
-                      src={exampleImg}
+                      src={
+                        clickedType === 'O'
+                          ? sessionStorage.getItem(CHEERING_IMG_KEY)
+                          : sessionStorage.getItem(DESPAIR_IMG_KEY)
+                      }
                       width={176}
                       height={176}
                       alt="example"
diff --git a/frontend/src/constants.ts b/frontend/src/constants.ts
index ef82b16..461111a 100644
--- a/frontend/src/constants.ts
+++ b/frontend/src/constants.ts
@@ -109,4 +109,4 @@ export const USER_ID_KEY = 'userId';
 
 export const MAX_IMAGE_BYTE = 5242880;
 
-export const SERVER_ADDRESS = 'https://k2ab4a8a87c19a.user-app.krampoline.com';
+export const SERVER_ADDRESS = '/api';