diff --git a/.env b/.env
index 9419201..a842036 100644
--- a/.env
+++ b/.env
@@ -3,5 +3,8 @@
 
 # !!! 중요: ".env.local" 파일이 아닌 ".env" 파일에 비밀번호 같은 중요 정보를 적고 커밋하지 마세요 !!!
 
+# 프론트엔드 서비스의 URL을 입력합니다.
+VITE_SERVICE_URL=http://localhost:5173/
+
 # 백엔드 서비스의 URL을 입력합니다.
 VITE_API_URL=http://127.0.0.1/
\ No newline at end of file
diff --git a/src/App.jsx b/src/App.jsx
index a934b20..37d3d31 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -19,10 +19,11 @@ function App() {
 
     useEffect(() => {
         const accessToken = Cookies.get('accessToken');
+        const email = Cookies.get('email');
         const id = Cookies.get('id');
 
         if (accessToken && id) {
-            store.dispatch(login({ accessToken, id }));
+            store.dispatch(login({ accessToken, id, email }));
         }
     }, []);
 
diff --git a/src/MobileWrapper.jsx b/src/MobileWrapper.jsx
index 357e686..3cb50aa 100644
--- a/src/MobileWrapper.jsx
+++ b/src/MobileWrapper.jsx
@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import routes from './routes.jsx';
 import { IoIosArrowBack } from 'react-icons/io';
 
-import ServiceLogoImage from './assets/images/service_logo.svg';
+import ServiceLogoImage from './assets/images/service_logo.png';
 import ServiceLogoCompactImage from './assets/images/rice_balloon_no_tail.svg';
 import RiceBalloonButton from './assets/images/rice_balloon_button.svg';
 import { useState, useEffect } from 'react';
@@ -183,7 +183,7 @@ const MobileWrapper = ({}) => {
             </Content>
             <Footer className={classNames({ hidden: !showFooter })}>
                 <FooterButton to="/">이츠타임?</FooterButton>
-                <FooterRiceButton to="/">
+                <FooterRiceButton to="/event/create">
                     <ButtonImage src={RiceBalloonButton} />
                 </FooterRiceButton>
                 <FooterButton to="/logout">로그아웃</FooterButton>
diff --git a/src/api/event.js b/src/api/event.js
index dba3cb4..7b0cf0a 100644
--- a/src/api/event.js
+++ b/src/api/event.js
@@ -1,3 +1,5 @@
+import { getAxiosInstance } from './axios.js';
+
 export async function createEvent(request) {
     // const axios = getAxiosInstance();
 
@@ -12,10 +14,29 @@ export async function createEvent(request) {
     // };
 
     // const response = await axios.post('/api/v1/promises', bodyData);
-    // return response.data;
+
+    // const data = {
+    //     eventId: response.data,
+    // };
+
+    // return data;
 
     return {
-        url: 'https://example.com',
+        eventId: 100,
+    };
+}
+
+export async function createEventUrl(request) {
+    // const axios = getAxiosInstance(request.token);
+
+    // const response = await axios.post(
+    //     `/api/v1/promises/${request.eventId}/link`
+    // );
+
+    // return { uuid: response.data.uuid };
+
+    return {
+        uuid: '85e61cd0-59e2-44e6-b89c-79ddc248ae9c',
     };
 }
 
@@ -40,11 +61,10 @@ export async function getEvent(request) {
     //         name: item.memberName,
     //         id: item.memberId,
     //     })),
+    //     memo: response.data.memo,
     //     userRole: response.data.userRole,
     // };
 
-    // 메모 누락
-
     // return data;
 
     return {
@@ -80,6 +100,49 @@ export async function getEvent(request) {
     };
 }
 
+export async function getPaymentInfo(request) {
+    // const axios = getAxiosInstance(request.token);
+
+    // const response = await axios.get(
+    //     `/api/v1/promises/${request.eventId}/payment`
+    // );
+
+    // const data = {
+    //     paymentMemo: response.data.payMemo,
+    //     paymentLink: response.data.kakaopayLink,
+    //     accountNumber: response.data.bankAccount,
+    // };
+
+    // 백엔드 미구현 상태
+
+    // return data;
+
+    return {
+        paymentMemo:
+            '테스트님 10000원 테스트2님 50000원 테스트3님 100000000원 테스트4님 0원 부탁드립니다',
+        paymentLink: 'https://example.com/kakaopay/1234567890',
+        accountNumber: '신한은행 110-000000-000000 김경재',
+    };
+}
+
+export async function postEnterEvent(request) {
+    // const axios = getAxiosInstance(request.token);
+
+    // const response = await axios.post(
+    //     `/api/v1/members/${request.userId}/promises/${request.uuid}`
+    // );
+
+    // const data = {
+    //     eventId: response.data,
+    // };
+
+    // return data;
+
+    return {
+        eventId: 100,
+    };
+}
+
 export async function postConfirmEvent(request) {
     // const axios = getAxiosInstance(request.token);
 
diff --git a/src/api/user.js b/src/api/user.js
index 462a0f9..28785fb 100644
--- a/src/api/user.js
+++ b/src/api/user.js
@@ -9,10 +9,13 @@ export async function postLogin(request) {
     //     password: request.password,
     // };
 
-    // const response = await axios.post('/login', bodyData);
+    // const response = await axios.post('/api/v1/login', bodyData);
 
     // const data = {
     //     accessToken: response.headers.getAuthorization().split(' ')[1],
+    //     userId: response.data.id,
+    //     email: response.data.username,
+    //     name: response.data.nickname,
     // };
 
     // return data;
@@ -27,6 +30,29 @@ export async function postLogin(request) {
 
     return {
         accessToken: '1111',
+        userId: 1,
+        email: 'test@example.com',
+        name: '테스트',
+    };
+}
+
+export async function getMember(request) {
+    // const axios = getAxiosInstance(request.token);
+
+    // const response = await axios.get('/api/v1/members/{member_id}');
+
+    // const data = {
+    //     userId: response.data.id,
+    //     email: response.data.username,
+    //     name: response.data.nickname,
+    // };
+
+    // return data;
+
+    return {
+        userId: 1,
+        email: 'test@example.com',
+        name: '테스트',
     };
 }
 
@@ -93,8 +119,8 @@ export async function postEmailConfirmation(request) {
 
     return {
         success: true,
-        certified_email: request.email,
-        univName: '서울대학교',
-        certified_date: '2023-01-03T09:30:22',
+        email: request.email,
+        organization: request.organization,
+        date: '2023-01-03T09:30:22',
     };
 }
diff --git a/src/assets/images/service_logo.png b/src/assets/images/service_logo.png
new file mode 100644
index 0000000..0cff001
Binary files /dev/null and b/src/assets/images/service_logo.png differ
diff --git a/src/assets/images/service_logo.svg b/src/assets/images/service_logo.svg
deleted file mode 100644
index 8aa1ab9..0000000
--- a/src/assets/images/service_logo.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg width="172" height="41" viewBox="0 0 172 41" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.62554 12.0752C-0.348459 14.7375 0.291797 18.9529 1.10868 20.7279H34.7552C36.0799 13.9654 32.4812 10.7662 30.5163 10.0119C29.4565 5.32617 25.2617 4.7759 23.2968 5.08648C18.7929 0.400678 14.2228 3.13406 12.5008 5.08648C6.67224 4.55401 4.1554 9.52375 3.62554 12.0752Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.9422 3.08871C15.1582 3.40606 13.6793 4.50298 12.8725 5.41761L12.7059 5.60648L12.4558 5.58363C9.70988 5.33278 7.7674 6.37094 6.435 7.76958C5.08694 9.18466 4.36153 10.9748 4.11184 12.1772L4.0703 12.3772L3.90111 12.4905C2.03979 13.7375 1.27777 15.3275 1.06205 16.8067C0.867506 18.1407 1.11699 19.3959 1.43769 20.2287H34.3415C35.4008 13.9927 32.0492 11.1348 30.339 10.4783L30.0908 10.383L30.0319 10.1226C29.5373 7.93568 28.3283 6.74798 27.032 6.12608C25.7122 5.49296 24.2771 5.43688 23.374 5.57962L23.1189 5.61994L22.9395 5.4333C20.7949 3.20207 18.69 2.77781 16.9422 3.08871ZM23.4766 4.55873C21.1732 2.25803 18.8104 1.74249 16.769 2.10561C14.8329 2.45002 13.2424 3.57365 12.2988 4.56977C9.34368 4.37155 7.19218 5.53101 5.71734 7.07917C4.28961 8.57789 3.49792 10.4353 3.18338 11.7741C1.18948 13.1739 0.325708 14.9706 0.079046 16.6619C-0.171444 18.3796 0.214825 19.9749 0.657828 20.9374L0.791133 21.2271H35.1637L35.2426 20.8243C36.5652 14.0725 33.1441 10.6402 30.9396 9.64831C30.3382 7.30527 28.9639 5.94655 27.46 5.2251C26.045 4.54629 24.5357 4.43944 23.4766 4.55873Z" fill="#FE5858"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M35.0138 23.1499C35.0728 22.6882 34.7116 22.2921 34.2604 22.2921H2.13314C1.80501 22.2921 1.52618 22.5012 1.41971 22.7912H1.4071L1.41016 22.8189C1.37682 22.9219 1.36496 23.0343 1.37981 23.1506C2.41594 31.2645 9.1296 37.5919 17.3902 37.981C17.6019 37.9955 17.8416 38.0013 18.1028 37.9997C18.1341 37.9999 18.1655 38 18.1968 38C18.8831 38 19.5603 37.959 20.226 37.8791C23.0775 37.6128 27.291 36.8932 31.3129 35.6174C35.1011 34.4157 38.8939 32.6678 41.1413 30.2009C41.5259 29.7788 41.4644 29.1466 41.0711 28.7831C40.6721 28.4143 40.1001 28.4415 39.7143 28.668C39.4969 28.7956 39.1914 28.9484 38.8086 29.1042C38.1409 29.3759 37.3163 29.6251 36.476 29.755C35.1897 29.9539 34.0957 29.8455 33.3794 29.376C33.2999 29.3239 33.2497 29.2439 33.2347 29.1195C33.2187 28.9858 33.2484 28.8154 33.3307 28.6521C34.1835 26.9607 34.7639 25.1069 35.0138 23.1499Z" fill="#FE5858"/>
-<path d="M3.57509 12.0752C-0.398909 14.7375 0.241347 18.9529 1.05822 20.7279H34.7047C36.0294 13.9654 32.4307 10.7662 30.4658 10.0119C29.4061 5.32617 25.2113 4.7759 23.2464 5.08648C18.7425 0.400678 14.1724 3.13406 12.4503 5.08648C6.62179 4.55401 4.10495 9.52375 3.57509 12.0752Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.9422 3.08871C15.1582 3.40606 13.6792 4.50298 12.8725 5.41761L12.7059 5.60649L12.4558 5.58363C9.70988 5.33278 7.7674 6.37094 6.435 7.76958C5.08694 9.18466 4.36153 10.9748 4.11183 12.1772L4.07029 12.3772L3.90111 12.4905C2.03979 13.7375 1.27777 15.3275 1.06205 16.8067C0.867506 18.1407 1.11699 19.3959 1.43769 20.2287H34.3415C35.4008 13.9927 32.0492 11.1348 30.339 10.4783L30.0908 10.383L30.0319 10.1226C29.5373 7.93568 28.3283 6.74798 27.032 6.12608C25.7122 5.49296 24.2771 5.43688 23.374 5.57962L23.1189 5.61994L22.9395 5.4333C20.7949 3.20207 18.69 2.77781 16.9422 3.08871ZM23.4766 4.55873C21.1732 2.25803 18.8104 1.74249 16.769 2.10561C14.8329 2.45002 13.2424 3.57365 12.2988 4.56977C9.34368 4.37155 7.19218 5.53101 5.71734 7.07917C4.28961 8.57789 3.49792 10.4353 3.18338 11.7741C1.18948 13.1739 0.325708 14.9706 0.079046 16.6619C-0.171444 18.3796 0.214825 19.9749 0.657828 20.9374L0.791133 21.2271H13.1383C13.24 21.8381 13.3479 22.2547 13.5248 22.6305C13.6963 22.9947 13.9234 23.2982 14.2079 23.6783L14.2232 23.6988L15.0173 23.0987C14.7112 22.6897 14.546 22.4651 14.4229 22.2035C14.3155 21.9754 14.2323 21.7003 14.1467 21.2271H21.3197C21.2341 21.7003 21.1509 21.9754 21.0435 22.2035C20.9204 22.4651 20.7552 22.6897 20.4492 23.0987L21.2432 23.6988L21.2585 23.6783C21.543 23.2982 21.7701 22.9947 21.9416 22.6305C22.1185 22.2547 22.2264 21.8381 22.3281 21.2271H35.1637L35.2426 20.8243C36.5652 14.0725 33.1441 10.6402 30.9396 9.64831C30.3382 7.30527 28.9639 5.94655 27.46 5.2251C26.045 4.54629 24.5357 4.43944 23.4766 4.55873Z" fill="#FE5858"/>
-<path d="M21.376 20.6698C21.376 22.6916 19.7451 24.3306 17.7332 24.3306C15.7213 24.3306 14.0904 22.6916 14.0904 20.6698C14.0904 18.6481 15.7213 17.0091 17.7332 17.0091C19.7451 17.0091 21.376 18.6481 21.376 20.6698Z" fill="#FE5858"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17.7332 23.3322C19.1964 23.3322 20.3825 22.1402 20.3825 20.6698C20.3825 19.1995 19.1964 18.0075 17.7332 18.0075C16.27 18.0075 15.0839 19.1995 15.0839 20.6698C15.0839 22.1402 16.27 23.3322 17.7332 23.3322ZM17.7332 24.3306C19.7451 24.3306 21.376 22.6916 21.376 20.6698C21.376 18.6481 19.7451 17.0091 17.7332 17.0091C15.7213 17.0091 14.0904 18.6481 14.0904 20.6698C14.0904 22.6916 15.7213 24.3306 17.7332 24.3306Z" fill="white"/>
-<path d="M28.6977 13.4814C29.0145 13.2976 29.4195 13.4067 29.6024 13.725C29.7853 14.0434 29.6768 14.4505 29.36 14.6343L19.0352 20.6246C18.7185 20.8084 18.3134 20.6993 18.1305 20.3809C17.9476 20.0626 18.0561 19.6555 18.3729 19.4717L28.6977 13.4814Z" fill="#FE5858"/>
-<path d="M10.9549 17.2966C10.6381 17.1128 10.5296 16.7057 10.7125 16.3874C10.8954 16.069 11.3004 15.96 11.6172 16.1438L16.206 18.8061C16.5228 18.9899 16.6313 19.397 16.4485 19.7153C16.2656 20.0337 15.8605 20.1428 15.5437 19.959L10.9549 17.2966Z" fill="#FE5858"/>
-<path d="M64.853 4.576H69.341V35.992H64.853V4.576ZM52.511 6.786C57.237 6.786 60.739 11.07 60.739 17.938C60.739 24.84 57.237 29.158 52.511 29.158C47.785 29.158 44.283 24.84 44.283 17.938C44.283 11.07 47.785 6.786 52.511 6.786ZM52.511 10.832C50.199 10.832 48.601 13.314 48.601 17.938C48.601 22.596 50.199 25.078 52.511 25.078C54.823 25.078 56.421 22.596 56.421 17.938C56.421 13.314 54.823 10.832 52.511 10.832ZM76.2744 24.636L74.6084 20.998C81.7144 20.012 85.2164 16.204 85.5224 12.498H76.1044V8.928H85.5904V5.086H90.0784V8.928H99.5644V12.498H90.1464C90.4524 16.204 93.9544 20.012 101.026 20.998L99.3944 24.636C93.8524 23.82 89.9084 21.304 87.8344 17.938C85.7604 21.304 81.8164 23.82 76.2744 24.636ZM73.6564 28.682H102.012V32.32H73.6564V28.682ZM117.039 19.434V25.248C121.459 25.214 125.063 25.044 129.143 24.432L129.551 28.002C124.791 28.716 120.575 28.852 115.203 28.852H112.551V7.194H127.273V10.832H117.039V15.932H126.831V19.434H117.039ZM140.397 16.476V20.182H135.841V35.958H131.353V4.61H135.841V16.476H140.397ZM163.073 4.61H167.595V22.358H163.073V4.61ZM146.753 23.752H167.595V35.55H146.753V23.752ZM163.209 27.254H151.173V32.048H163.209V27.254ZM150.561 6.038C155.423 6.038 159.061 9.166 159.061 13.586C159.061 17.972 155.423 21.1 150.561 21.1C145.699 21.1 142.027 17.972 142.027 13.586C142.027 9.166 145.699 6.038 150.561 6.038ZM150.561 9.778C148.181 9.778 146.413 11.206 146.413 13.586C146.413 15.932 148.181 17.36 150.561 17.36C152.907 17.36 154.675 15.932 154.675 13.586C154.675 11.206 152.907 9.778 150.561 9.778Z" fill="#FE5858"/>
-</svg>
diff --git a/src/components/TextButton.jsx b/src/components/TextButton.jsx
new file mode 100644
index 0000000..32456d7
--- /dev/null
+++ b/src/components/TextButton.jsx
@@ -0,0 +1,44 @@
+import styled from 'styled-components';
+
+const Container = styled.div`
+    width: 100%;
+    height: 50px;
+    border-radius: 8px;
+    padding: 17px;
+    font-weight: 400;
+
+    display: flex;
+    align-items: center;
+    gap: 8px;
+
+    color: #d64949;
+    background-color: #fff6f6;
+
+    /* &:hover {
+        background-color: #ffdede;
+    } */
+`;
+
+const Input = styled.input`
+    border: 0;
+    flex-grow: 1;
+    flex-shrink: 1;
+    overflow: hidden;
+    white-space: pre;
+    text-overflow: ellipsis;
+
+    background-color: #fff6f6;
+`;
+
+const Item = styled.div``;
+
+const TextButton = ({ value, onClick, additionalItem, ...props }) => {
+    return (
+        <Container {...props}>
+            <Input onClick={onClick} value={value} />
+            <Item>{additionalItem}</Item>
+        </Container>
+    );
+};
+
+export default TextButton;
diff --git a/src/pages/CreateEvent.jsx b/src/pages/CreateEvent.jsx
index d0cee0a..d9e6f69 100644
--- a/src/pages/CreateEvent.jsx
+++ b/src/pages/CreateEvent.jsx
@@ -9,7 +9,7 @@ import { IoMdCreate, IoMdPin } from 'react-icons/io';
 import TextInput from '../components/TextInput.jsx';
 import BlockButton from '../components/BlockButton.jsx';
 import dayjs from 'dayjs';
-import { createEvent } from '../api/event.js';
+import { createEvent, createEventUrl } from '../api/event.js';
 import { useNavigate } from 'react-router-dom';
 
 const Container = styled.div`
@@ -65,11 +65,21 @@ const CreateEvent = ({}) => {
                 memo,
             });
         } catch (e) {
-            alert('밥약 만들기에 실패했습니다');
+            alert('밥약 만들기에 실패했습니다.');
             return;
         }
 
-        navigate(`/sharebab?url=${response.url}`);
+        try {
+            response = await createEventUrl({
+                token: '',
+                eventId: response.eventId,
+            });
+        } catch (e) {
+            alert('밥약 링크 만들기에 실패했습니다.');
+            return;
+        }
+
+        navigate(`/event/create/result?uuid=${response.uuid}`);
     };
 
     return (
diff --git a/src/pages/FinishedEvent.jsx b/src/pages/FinishedEvent.jsx
new file mode 100644
index 0000000..7594986
--- /dev/null
+++ b/src/pages/FinishedEvent.jsx
@@ -0,0 +1,154 @@
+import React, { useEffect, useState } from 'react';
+import styled from 'styled-components';
+import TextboxMini from '../components/TextboxMini.jsx';
+import LinkBox from '../components/LinkBox.jsx';
+import { useNavigate } from 'react-router-dom';
+import {
+    BsTagsFill,
+    BsCreditCard2BackFill,
+    BsInfoCircleFill,
+} from 'react-icons/bs';
+import { BiSmile, BiSolidBowlRice } from 'react-icons/bi';
+import { getPaymentInfo } from '../api/event.js';
+
+const Container = styled.div`
+    overflow-y: auto; // 세로 방향으로 스크롤 가능
+    height: 100vh; // 뷰포트 높이의 100%로 설정
+`;
+
+const SmileIcon = styled.div`
+    color: #fe5858;
+    display: flex; // Flexbox 레이아웃 활성화
+    justify-content: center; // 자식 요소(아이콘)를 가로 방향으로 중앙 정렬
+`;
+
+const TextDiv = styled.div`
+    margin-top: 30px;
+`;
+
+const LinkContainer = styled.div`
+    margin-top: 30px;
+`;
+
+const TitleContainer = styled.div`
+    display: flex;
+    align-items: center;
+    margin-left: 40px;
+    margin-top: 30px;
+    margin-bottom: 10px;
+    color: #fe5858;
+`;
+const Title = styled.div`
+    font-weight: 700;
+    font-size: 18px;
+    color: #fe5858;
+    margin-left: 8px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+`;
+
+const Memo = styled.div`
+    width: 329px;
+    height: 100px;
+    border-radius: 8px;
+    background-color: #fff6f6;
+    color: #fe5858;
+    font-weight: 400;
+    font-size: 16px;
+    margin: 0 auto;
+    padding: 14px;
+`;
+
+const RepaymentButton = styled.div`
+    width: 329px;
+    height: 60px;
+    margin-top: 30px;
+    border-radius: 8px;
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 130px;
+    background-color: #fe5858;
+    color: #ffffff;
+    font-size: 24px;
+    font-weight: 700;
+    border: none; // 버튼의 기본 테두리 제거
+
+    transition: background-color 0.1s;
+
+    cursor: pointer;
+
+    &:hover {
+        background-color: #cf3d3d;
+    }
+
+    display: flex; // Flexbox 레이아웃 활성화
+    justify-content: center; // 자식 요소를 가로 방향으로 중앙 정렬
+    align-items: center; // 자식 요소를 세로 방향으로 중앙 정렬
+    gap: 8px; // 아이콘과 텍스트 사이의 간격
+`;
+
+function FinishedEvent() {
+    const navigate = useNavigate();
+
+    const [paymentMemo, setPaymentMemo] = useState('');
+    const [paymentLink, setPaymentLink] = useState('');
+    const [accountNumber, setAccountNumber] = useState('');
+
+    useEffect(() => {
+        (async () => {
+            let response;
+
+            try {
+                response = await getPaymentInfo({ token: '', eventId: 1 });
+            } catch (e) {
+                alert('밥약 정보를 불러오는데 실패했습니다.');
+                return;
+            }
+
+            setPaymentMemo(response.paymentMemo);
+            setPaymentLink(response.paymentLink);
+            setAccountNumber(response.accountNumber);
+        })();
+    }, []);
+
+    return (
+        <>
+            <Container>
+                <SmileIcon>
+                    <BiSmile size="135px" />
+                </SmileIcon>
+                <TextDiv>
+                    <TextboxMini text="즐거운 밥약을 보내셨나요?"></TextboxMini>
+                    <TextboxMini text="링크를 통해 파티장에게 오늘의 비용을 송금하고,"></TextboxMini>
+                    <TextboxMini text="보은하기를 통해 새로운 밥약을 만들어봐요!!"></TextboxMini>
+                </TextDiv>
+                <TitleContainer>
+                    <BsTagsFill size="24px" />
+                    <Title>송금 메모</Title>
+                </TitleContainer>
+                <Memo>{paymentMemo}</Memo>
+                <LinkContainer>
+                    <LinkBox
+                        icon={BsCreditCard2BackFill}
+                        text="송금 링크"
+                        link={paymentLink}
+                    ></LinkBox>
+                </LinkContainer>
+                <LinkContainer>
+                    <LinkBox
+                        icon={BsInfoCircleFill}
+                        text="계좌 번호"
+                        link={accountNumber}
+                    ></LinkBox>
+                </LinkContainer>
+                <RepaymentButton onClick={() => navigate('/event/create')}>
+                    <BiSolidBowlRice size="30px" />
+                    보은하기
+                </RepaymentButton>
+            </Container>
+        </>
+    );
+}
+
+export default FinishedEvent;
diff --git a/src/pages/JoinEvent.jsx b/src/pages/JoinEvent.jsx
new file mode 100644
index 0000000..405587b
--- /dev/null
+++ b/src/pages/JoinEvent.jsx
@@ -0,0 +1,41 @@
+import { useEffect, useState } from 'react';
+import { useLocation, useNavigate, useParams } from 'react-router-dom';
+import { useDispatch, useSelector } from 'react-redux';
+import { selectId, selectIsLoggedIn } from '../redux/userSlice.js';
+import { postEnterEvent } from '../api/event.js';
+
+const JoinEvent = ({}) => {
+    const navigate = useNavigate();
+    const { uuid } = useParams();
+    const location = useLocation();
+
+    const isLoggedIn = useSelector(selectIsLoggedIn);
+    const userId = useSelector(selectId);
+
+    useEffect(() => {
+        if (!isLoggedIn) {
+            navigate('/login?redirect=' + location.pathname);
+        } else {
+            (async () => {
+                let response;
+
+                try {
+                    response = await postEnterEvent({
+                        token: '',
+                        uuid,
+                        userId,
+                    });
+                } catch (e) {
+                    alert('밥약 참가에 실패했습니다. 다시 시도해주세요.');
+                    return;
+                }
+
+                navigate(`/event/${response.eventId}/pending`);
+            })();
+        }
+    });
+
+    return <></>;
+};
+
+export default JoinEvent;
diff --git a/src/pages/Login.jsx b/src/pages/Login.jsx
index b42fd48..f0ae5c5 100644
--- a/src/pages/Login.jsx
+++ b/src/pages/Login.jsx
@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { useDispatch } from 'react-redux';
 import { login } from '../redux/userSlice.js';
-import { Link, useNavigate } from 'react-router-dom';
+import { Link, useNavigate, useSearchParams } from 'react-router-dom';
 
 import RiceBalloonNoTailImage from '../assets/images/rice_balloon_no_tail.svg';
 import TextInput from '../components/TextInput.jsx';
@@ -78,6 +78,7 @@ const RegisterText = styled.p`
 const Login = ({}) => {
     const navigate = useNavigate();
     const dispatch = useDispatch();
+    const [searchParams, setSearchParams] = useSearchParams();
     const [fieldHidden, setFieldHidden] = useState(true);
     const [errorText, setErrorText] = useState('');
 
@@ -107,12 +108,18 @@ const Login = ({}) => {
         dispatch(
             login({
                 accessToken: response.accessToken,
-                id,
+                id: response.userId,
+                email: response.email,
             })
         );
 
-        alert(`${id}님 환영합니다!`);
-        navigate('/');
+        alert(`${response.name}님 환영합니다!`);
+
+        if (searchParams.get('redirect')) {
+            navigate(searchParams.get('redirect'));
+        } else {
+            navigate('/');
+        }
     }
 
     return (
@@ -121,7 +128,7 @@ const Login = ({}) => {
                 <RiceBalloon src={RiceBalloonNoTailImage} />
                 <TextContainer>
                     <Subtitle>지금 무슨시간?</Subtitle>
-                    <Title>잇츠타임!!</Title>
+                    <Title>이츠타임!</Title>
                 </TextContainer>
             </PageHeader>
             <Form>
diff --git a/src/pages/Payment.jsx b/src/pages/Payment.jsx
deleted file mode 100644
index ffc8145..0000000
--- a/src/pages/Payment.jsx
+++ /dev/null
@@ -1,127 +0,0 @@
-import React from 'react'
-import styled from 'styled-components'
-import TextboxMini from '../components/TextboxMini.jsx';
-import LinkBox from '../components/LinkBox.jsx';
-import { useNavigate } from 'react-router-dom'; 
-import { BsTagsFill, BsCreditCard2BackFill, BsInfoCircleFill, BsHeartFill } from "react-icons/bs";
-import { BiSmile, BiSolidBowlRice } from "react-icons/bi";
-
-const Container = styled.div`
-    overflow-y: auto; // 세로 방향으로 스크롤 가능
-    height: 100vh; // 뷰포트 높이의 100%로 설정
-`;
-
-const SmileIcon = styled.div`
-    color:#FE5858;
-    display: flex; // Flexbox 레이아웃 활성화
-    justify-content: center; // 자식 요소(아이콘)를 가로 방향으로 중앙 정렬
-
-`;
-
-const TextDiv = styled.div`
-    margin-top: 30px;
-`;
-
-const LinkContainer = styled.div`
-    margin-top: 30px;
-`;
-
-
-const TitleContainer = styled.div`
-    display: flex;
-    align-items: center;
-    margin-left: 40px;
-    margin-top: 30px;
-    margin-bottom: 10px;
-    color: #FE5858;
-`;
-const Title = styled.div`
-    font-weight: 700;
-    font-size: 18px;
-    color: #FE5858;
-    margin-left: 8px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-`;
-
-const Memo = styled.div`
-width: 329px;
-height: 100px;
-border-radius: 8px;
-background-color: #FFF6F6;
-color: #FE5858;
-font-weight: 400;
-font-size: 16px;
-margin: 0 auto;
-padding: 14px;
-`;
-
-const RepaymentButton = styled.div`
-width: 329px;
-height: 60px;
-margin-top: 30px;
-border-radius: 8px;
-margin-left: auto;
-margin-right: auto;
-margin-bottom: 130px;
-background-color: #FE5858;
-color: #FFFFFF;
-font-size: 24px;
-font-weight: 700;
-border: none; // 버튼의 기본 테두리 제거
-
-transition: background-color 0.1s;
-
-    cursor: pointer;
-
-    &:hover {
-        background-color: #cf3d3d;
-    }
-
-display: flex; // Flexbox 레이아웃 활성화
-justify-content: center; // 자식 요소를 가로 방향으로 중앙 정렬
-align-items: center; // 자식 요소를 세로 방향으로 중앙 정렬
-gap: 8px; // 아이콘과 텍스트 사이의 간격
-`
-
-
-
-function Payment() {
-    const navigate = useNavigate();
-    const memo1 = "남기님은 만원, 현아님은 오천원 보내주시면 됩니다!"
-  return (
-    <>
-        <Container>
-            <SmileIcon>
-                <BiSmile size="135px"/>
-            </SmileIcon>
-            <TextDiv>
-                <TextboxMini text="즐거운 밥약을 보내셨나요?"></TextboxMini>
-                <TextboxMini text="링크를 통해 파티장에게 오늘의 비용을 송금하고,"></TextboxMini>
-                <TextboxMini text="보은하기를 통해 새로운 밥약을 만들어봐요!!"></TextboxMini>
-            </TextDiv>
-            <TitleContainer>
-                <BsTagsFill size="24px" />
-                <Title>송금 메모</Title>
-            </TitleContainer>
-            <Memo>
-                {memo1}
-            </Memo>
-            <LinkContainer>
-                <LinkBox icon={BsCreditCard2BackFill} text="송금 링크" link={"https://www.youtube.com/wa"}></LinkBox>
-            </LinkContainer>
-            <LinkContainer>
-                <LinkBox icon={BsInfoCircleFill} text="계좌 번호" link={"국민 29160204260628 유지희"}></LinkBox>
-            </LinkContainer>
-            <RepaymentButton onClick={() => navigate('/party/create')}>
-                <BiSolidBowlRice size="30px" />
-                보은하기
-            </RepaymentButton>
-        </Container>
-        
-    </>
-  )
-}
-
-export default Payment
diff --git a/src/pages/Register.jsx b/src/pages/Register.jsx
index 9e17a76..156bb6c 100644
--- a/src/pages/Register.jsx
+++ b/src/pages/Register.jsx
@@ -117,6 +117,11 @@ const Register = ({}) => {
             return false;
         }
 
+        if (organization === '') {
+            alert('대학교 이름을 입력하세요.');
+            return false;
+        }
+
         if (!email) {
             alert('이메일을 입력하세요.');
             return false;
@@ -151,8 +156,7 @@ const Register = ({}) => {
         try {
             response = await postRegister({
                 name,
-                email,
-                emailCode,
+                id: email,
                 password,
             });
         } catch (e) {
@@ -160,12 +164,7 @@ const Register = ({}) => {
             return;
         }
 
-        alert(
-            `name: ${name}\neamil: ${email}\nemail code:${emailCode}\npassword:${password}\npassword check: ${passwordCheck}`
-        );
-
-        alert(`축하드립니다!! 회원가입이 완료되었어요.`);
-        navigate('/');
+        navigate('/register/success');
     };
 
     const onEmailVerifyButtonClick = async (event) => {
@@ -182,12 +181,26 @@ const Register = ({}) => {
         let response;
 
         try {
-            await postEmailVerification({ email, organization });
+            response = await postEmailVerification({ email, organization });
         } catch (e) {
             alert('인증 메일 전송에 실패했습니다.');
             return;
         }
 
+        if (response.code === 400) {
+            if (response.message === '이미 완료된 요청입니다.') {
+                alert(
+                    '이미 인증된 이메일입니다. 회원가입 버튼을 클릭해서 계속하세요.'
+                );
+                setEmailVerified(true);
+                setEmailSent(true);
+                return;
+            } else {
+                alert(response.message);
+                return;
+            }
+        }
+
         setEmailSent(true);
 
         alert(
@@ -201,6 +214,11 @@ const Register = ({}) => {
             return;
         }
 
+        if (emailVerified) {
+            alert('이미 인증되셨습니다. 회원가입 버튼을 클릭해서 계속하세요.');
+            return;
+        }
+
         if (emailCode === '') {
             alert(
                 `인증 코드를 입력하세요. 인증 코드는 ${email}로 전송되었습니다.`
diff --git a/src/pages/ShareBab.jsx b/src/pages/ShareBab.jsx
index f7862aa..2305b6b 100644
--- a/src/pages/ShareBab.jsx
+++ b/src/pages/ShareBab.jsx
@@ -1,15 +1,24 @@
-import React from 'react'
-import riceBalloon from '../assets/images/riceBalloon_notail.png'
-import styled from 'styled-components'
+import React, { useEffect } from 'react';
+import riceBalloon from '../assets/images/riceBalloon_notail.png';
+import styled from 'styled-components';
 import TextboxMini from '../components/TextboxMini.jsx';
-import LinkBox from '../components/LinkBox.jsx';
-import { BsFillShareFill } from "react-icons/bs";
+import { BsFillShareFill } from 'react-icons/bs';
+import ContentHeader from '../components/ContentHeader.jsx';
+import TextButton from '../components/TextButton.jsx';
+import MiniButton from '../components/MiniButton.jsx';
+import { useNavigate, useSearchParams } from 'react-router-dom';
+
+const URL = import.meta.env.VITE_SERVICE_URL;
+
+const Container = styled.div`
+    padding: 0 31px;
+`;
 
 const LogoDiv = styled.div`
     display: flex;
     justify-content: center; // 자식 요소를 가로 방향으로 가운데 정렬
-    margin-top: 100px; 
-    margin-left: auto; 
+    margin-top: 100px;
+    margin-left: auto;
     margin-right: auto;
 `;
 
@@ -21,24 +30,47 @@ const LinkContainer = styled.div`
     margin-top: 40px;
 `;
 
-function ShareBab() {
-    const shareLink = "https://www.youtube.com/wa"; // 이 부분에 원하는 링크를 넣어주세요.
-
-  return (
-    <>
-        <LogoDiv>
-            <img src={riceBalloon} alt="Rice Balloon" />
-        </LogoDiv>
-        <TextDiv>
-            <TextboxMini text="밥약이 만들어졌어요!!"></TextboxMini>
-            <TextboxMini text="하단의 링크를 통해 공유해보아요!!"></TextboxMini>
-        </TextDiv>
-        <LinkContainer>
-            <LinkBox icon={BsFillShareFill} text="밥약 공유 링크" link={shareLink}></LinkBox>
-        </LinkContainer>
-        
-    </>
-  )
+function ShareBab({}) {
+    const navigate = useNavigate();
+    const [searchParams, setSearchParams] = useSearchParams();
+    const link = URL + 'invite/' + searchParams.get('uuid');
+
+    useEffect(() => {
+        if (!searchParams.get('uuid')) {
+            navigate('/');
+        }
+    }, [link]);
+
+    const onCopyClick = () => {
+        navigator.clipboard.writeText(link).then(() => {
+            alert('복사되었습니다!');
+        });
+    };
+
+    return (
+        <Container>
+            <LogoDiv>
+                <img src={riceBalloon} alt="Rice Balloon" />
+            </LogoDiv>
+            <TextDiv>
+                <TextboxMini text="밥약이 만들어졌어요!!"></TextboxMini>
+                <TextboxMini text="하단의 링크를 통해 공유해보아요!!"></TextboxMini>
+            </TextDiv>
+            <LinkContainer>
+                <ContentHeader
+                    icon={<BsFillShareFill />}
+                    text="밥약 공유 링크"
+                />
+                <TextButton
+                    value={link}
+                    additionalItem={
+                        <MiniButton text="복사" onClick={onCopyClick} />
+                    }
+                    text="밥약 공유 링크"
+                />
+            </LinkContainer>
+        </Container>
+    );
 }
 
-export default ShareBab
+export default ShareBab;
diff --git a/src/pages/Sitemap.jsx b/src/pages/Sitemap.jsx
index 8d811dd..b3ff0df 100644
--- a/src/pages/Sitemap.jsx
+++ b/src/pages/Sitemap.jsx
@@ -20,7 +20,7 @@ const Sitemap = ({}) => {
                 key={route.path}
                 text={route.name}
                 onClick={() => {
-                    navigate(route.path);
+                    navigate(route.samplePath || route.path);
                 }}
             />
         ));
diff --git a/src/redux/userSlice.js b/src/redux/userSlice.js
index 56d295b..0797b18 100644
--- a/src/redux/userSlice.js
+++ b/src/redux/userSlice.js
@@ -6,26 +6,33 @@ export const userSlice = createSlice({
 
     initialState: {
         accessToken: null,
+        email: null,
         id: null,
     },
 
     reducers: {
         login: (state, action) => {
             state.accessToken = action.payload.accessToken;
+            state.email = action.payload.email;
             state.id = action.payload.id;
 
             Cookies.set('accessToken', action.payload.accessToken, {
                 expires: 1,
             });
+            Cookies.set('email', action.payload.email, {
+                expires: 1,
+            });
             Cookies.set('id', action.payload.id, {
                 expires: 1,
             });
         },
         logout: (state) => {
             state.accessToken = null;
+            state.email = null;
             state.id = null;
 
             Cookies.remove('accessToken');
+            Cookies.remove('email');
             Cookies.remove('id');
         },
     },
@@ -33,8 +40,9 @@ export const userSlice = createSlice({
 
 export const { login, logout } = userSlice.actions;
 
+export const selectToken = (state) => state.user.accessToken;
+export const selectEmail = (state) => state.user.email;
 export const selectId = (state) => state.user.id;
 export const selectIsLoggedIn = (state) => state.user.accessToken !== null;
-export const selectToken = (state) => state.user.accessToken;
 
 export default userSlice.reducer;
diff --git a/src/routes.jsx b/src/routes.jsx
index 991f1b8..496bafb 100644
--- a/src/routes.jsx
+++ b/src/routes.jsx
@@ -8,14 +8,15 @@ import PendingEvent from './pages/PendingEvent.jsx';
 import CreateEvent from './pages/CreateEvent.jsx';
 import SuccessRegister from './pages/SuccessRegister.jsx';
 import ShareBab from './pages/ShareBab.jsx';
-import Payment from './pages/Payment.jsx';
+import Payment from './pages/FinishedEvent.jsx';
 import ScheduledEvent from './pages/ScheduledEvent.jsx';
 import Logout from './pages/Logout.jsx';
-import Intro from './pages/Intro.jsx'
+import Intro from './pages/Intro.jsx';
+import JoinEvent from './pages/JoinEvent.jsx';
 const routes = [
     {
         path: '/intro',
-        element: <Intro/>,
+        element: <Intro />,
         logo: false,
         name: '소개페이지',
     },
@@ -43,25 +44,39 @@ const routes = [
         name: '회원가입',
     },
     {
-        path: '/party/pending',
+        path: '/event/:eventId/pending',
         element: <PendingEvent />,
         footer: true,
-        name: '대기중인 밥약',
         title: '대기중인 밥약',
+
+        name: '대기중인 밥약',
+        samplePath: '/event/1/pending',
     },
     {
-        path: '/party/scheduled',
+        path: '/event/:eventId/scheduled',
         element: <ScheduledEvent />,
         footer: true,
-        name: '확정된 밥약',
         title: '확정된 밥약',
+
+        name: '확정된 밥약',
+        samplePath: '/event/1/scheduled',
     },
     {
-        path: '/party/create',
+        path: '/event/create',
         element: <CreateEvent />,
         footer: true,
+        title: '밥약 만들기',
+
         name: '밥약 생성하기',
+    },
+    {
+        path: '/invite/:uuid',
+        element: <JoinEvent />,
+        footer: true,
         title: '밥약 만들기',
+
+        name: '밥약 참가하기',
+        samplePath: '/invite/85e61cd0-59e2-44e6-b89c-79ddc248ae9c',
     },
     {
         path: '/confirmbab',
@@ -82,25 +97,30 @@ const routes = [
         name: '종료된 밥약 목록',
     },
     {
-        path: '/successregister',
+        path: '/register/success',
         element: <SuccessRegister />,
         logo: false,
         previous: false,
         name: '회원가입 완료',
     },
     {
-        path: '/sharebab',
+        path: '/event/create/result',
         element: <ShareBab />,
         footer: true,
-        name: '밥약 생성_링크 공유하기',
         title: '밥약 만들기',
+
+        name: '밥약 생성 결과',
+        samplePath:
+            '/event/create/result?uuid=85e61cd0-59e2-44e6-b89c-79ddc248ae9c',
     },
     {
-        path: '/payment',
+        path: '/event/:eventId/result',
         element: <Payment />,
         footer: true,
-        name: '송금 및 보은하기',
         title: '송금 및 보은하기',
+
+        name: '종료된 밥약',
+        samplePath: '/event/1/result',
     },
 ];