이제 편리하게
diff --git a/src/pages/MyPage.jsx b/src/pages/MyPage.jsx
new file mode 100644
index 00000000..f912bfb5
--- /dev/null
+++ b/src/pages/MyPage.jsx
@@ -0,0 +1,21 @@
+import React, { useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import Swal from 'sweetalert2';
+import MyPageTemplate from '../components/templates/MyPageTemplate';
+import { loginNeedMessage } from '../utils/alert';
+
+const MyPage = () => {
+ const navigate = useNavigate();
+
+ // 마이페이지 접속시 로그인 상태가 아니라면 로그인 페이지로 이동
+ useEffect(() => {
+ if (localStorage.getItem('accessToken') == null) {
+ Swal.fire(loginNeedMessage);
+ navigate('/login');
+ }
+ }, [navigate]);
+
+ return
;
+};
+
+export default MyPage;
diff --git a/src/pages/PostDetailPage.jsx b/src/pages/PostDetailPage.jsx
new file mode 100644
index 00000000..303262e1
--- /dev/null
+++ b/src/pages/PostDetailPage.jsx
@@ -0,0 +1,58 @@
+import React from 'react';
+import { MdOutlineLocationOn, MdLocationPin } from 'react-icons/md';
+import { BsArrowDown } from 'react-icons/bs';
+import Button from '../components/atoms/Button';
+import OtherNav from '../components/atoms/OtherNav';
+
+const PostDetailPage = () => {
+ return (
+
+ {/* 파란색 부분 */}
+
+
+
+
매칭을 기다리고 있어요.
+
+
+
+ 스타벅스 전대후문점
+
+
+
+
+ 공과대학 7호관
+
+
+
+
+ {/* 하얀색 부분 */}
+
+
+
+
요청 사항
+
+
+
요청사항
+
1층 도착하시면 연락주세요!
+
+
+
+
+ {/* eslint-disable-next-line */}
+
+
+
+
+ );
+};
+
+export default PostDetailPage;
diff --git a/src/pages/PostListPage.jsx b/src/pages/PostListPage.jsx
new file mode 100644
index 00000000..bef2bb1c
--- /dev/null
+++ b/src/pages/PostListPage.jsx
@@ -0,0 +1,98 @@
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+import OtherNav from '../components/atoms/OtherNav';
+import Cards from '../components/molecules/Cards';
+import FilterForm from '../components/molecules/FilterForm';
+import WritePostIcon from '../assets/images/postWrite.png';
+
+const PostListPage = () => {
+ // 임시 더미 데이터(데이터를 서버로부터 fetch 해왔다고 가정)
+ const data = [
+ {
+ boardId: 8,
+ shopName: '전남대 후문 스타벅스',
+ destination: '공과대학 7호관',
+ finishedAt: 1696992289,
+ tip: 1500,
+ match: true,
+ },
+ {
+ boardId: 7,
+ shopName: '전남대 후문 벤티',
+ destination: '공과대학 6호관',
+ finishedAt: 1696040640,
+ tip: 1000,
+ match: false,
+ },
+ {
+ boardId: 6,
+ shopName: '전남대 후문 이디야',
+ destination: '공과대학 7호관',
+ finishedAt: 1696040640,
+ tip: 1500,
+ match: true,
+ },
+ {
+ boardId: 5,
+ shopName: '전남대 후문 스타벅스',
+ destination: '공과대학 7호관',
+ finishedAt: 1696992289,
+ tip: 1000,
+ match: false,
+ },
+ {
+ boardId: 4,
+ shopName: '전남대 후문 스타벅스',
+ destination: '공과대학 7호관',
+ finishedAt: 1696040640,
+ tip: 1000,
+ match: false,
+ },
+ {
+ boardId: 3,
+ shopName: '전남대 후문 스타벅스',
+ destination: '공과대학 7호관',
+ finishedAt: 1696040640,
+ tip: 1000,
+ match: false,
+ },
+ {
+ boardId: 2,
+ shopName: '전남대 후문 이디야',
+ destination: '공과대학 7호관',
+ finishedAt: 1696040640,
+ tip: 1000,
+ match: true,
+ },
+ {
+ boardId: 1,
+ shopName: '전남대 후문 이디야',
+ destination: '공과대학 7호관',
+ finishedAt: 1696040640,
+ tip: 1000,
+ match: false,
+ },
+ ];
+
+ const navigate = useNavigate();
+
+ const goWritePost = () => {
+ navigate('/post-write-intro');
+ };
+
+ return (
+
+
+
공고 현황
+
+
+
+
+
+
+
+
+ );
+};
+
+export default PostListPage;
diff --git a/src/pages/PostWriteIntroPage.jsx b/src/pages/PostWriteIntroPage.jsx
new file mode 100644
index 00000000..8f7e5d6b
--- /dev/null
+++ b/src/pages/PostWriteIntroPage.jsx
@@ -0,0 +1,26 @@
+import { Link } from 'react-router-dom';
+import Button from '../components/atoms/Button';
+import OtherNav from '../components/atoms/OtherNav';
+
+const PostWriteIntroPage = () => {
+ return (
+
+
+
+
+
어떤 음료를 픽업 받으실 건가요?
+
픽업을 위한 정보를 입력합니다.
+
+
+
+
+
+
+
+
+ );
+};
+
+export default PostWriteIntroPage;
diff --git a/src/pages/PostWritePage.jsx b/src/pages/PostWritePage.jsx
new file mode 100644
index 00000000..fd2ea85a
--- /dev/null
+++ b/src/pages/PostWritePage.jsx
@@ -0,0 +1,57 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import OtherNav from '../components/atoms/OtherNav';
+import BtnNavigate from '../components/molecules/BtnNavigate';
+import OrderInfo from '../components/templates/OrderInfo';
+import OrderRequest from '../components/templates/OrderRequest';
+import OrderDeadLine from '../components/templates/OrderDeadLine';
+import CircleNavigate from '../components/organisms/CircleNavigate';
+
+const PostWritePage = () => {
+ const navigate = useNavigate();
+ const [focus, setFocus] = useState(1);
+ let currentPage;
+
+ const handlePrev = () => {
+ if (focus > 1) {
+ setFocus((prev) => prev - 1);
+ } else {
+ navigate(-1);
+ }
+ };
+
+ const handleNext = () => {
+ if (focus < 3) {
+ setFocus((prev) => prev + 1);
+ }
+ };
+
+ switch (focus) {
+ case 1:
+ currentPage =
;
+ break;
+ case 2:
+ currentPage =
;
+ break;
+ case 3:
+ currentPage =
;
+ break;
+ default:
+ currentPage = null;
+ }
+
+ return (
+
+ );
+};
+
+export default PostWritePage;
diff --git a/src/pages/StartPostPage.jsx b/src/pages/StartPostPage.jsx
deleted file mode 100644
index 28422606..00000000
--- a/src/pages/StartPostPage.jsx
+++ /dev/null
@@ -1,14 +0,0 @@
-const StartPostPage = () => {
- return (
-
-
-
어떤 음료를 픽업 받으실 건가요?
-
픽업을 위한 정보를 입력합니다.
-
- {/* 버튼 컴포넌트로 수정 */}
-
-
- );
-};
-
-export default StartPostPage;
diff --git a/src/utils/alert.js b/src/utils/alert.js
index 715671a1..8b9b04d0 100644
--- a/src/utils/alert.js
+++ b/src/utils/alert.js
@@ -7,3 +7,8 @@ export const loginSuccessMessage = {
icon: 'success',
confirmButtonText: '확인',
};
+export const loginNeedMessage = {
+ title: '로그인이 필요한 서비스입니다!',
+ text: '로그인을 먼저 해주세요😊',
+ confirmButtonText: '확인',
+};
diff --git a/tailwind.config.js b/tailwind.config.js
index e4cdf361..072097a3 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -9,5 +9,6 @@ module.exports = {
},
},
},
- plugins: [],
+ // eslint-disable-next-line global-require
+ plugins: [require('tailwind-scrollbar-hide')],
};