diff --git a/weather/src/components/NavBar.jsx b/weather/src/components/NavBar.jsx index 79cd3f5..a6d443d 100644 --- a/weather/src/components/NavBar.jsx +++ b/weather/src/components/NavBar.jsx @@ -1,3 +1,6 @@ +// 네비게이션 바 +// 홈버튼이랑 되돌아가기 버튼 구현 + import { IoIosArrowBack } from "react-icons/io"; import { IoIosHome } from "react-icons/io"; diff --git a/weather/src/components/ProtectedRoute.jsx b/weather/src/components/ProtectedRoute.jsx index 01cc1d7..35abeba 100644 --- a/weather/src/components/ProtectedRoute.jsx +++ b/weather/src/components/ProtectedRoute.jsx @@ -1,3 +1,5 @@ +// 로그인한 사용자만 접근할수 있게 페이지 보호기능 + import React, { Children } from "react"; import { Navigate } from "react-router"; import useAuthStore from "../store/authStore"; diff --git a/weather/src/components/button.jsx b/weather/src/components/button.jsx index 0e1c6a2..3078842 100644 --- a/weather/src/components/button.jsx +++ b/weather/src/components/button.jsx @@ -1,3 +1,5 @@ +//공통된 버튼 요소 + import React from "react"; const Button = ({ onClick,children,style}) =>{ diff --git a/weather/src/pages/login.jsx b/weather/src/pages/login.jsx index 91d1472..64d18e6 100644 --- a/weather/src/pages/login.jsx +++ b/weather/src/pages/login.jsx @@ -6,7 +6,7 @@ import useAuthStore from "../store/authStore"; //로그인 상태를 관리하 import { useForm } from "react-hook-form"; -//로그인 page 화면 구현 +//로그인 페이지 화면 구현 const LoginPage = () => { const navigate = useNavigate(); const { validateID, validatePassword } = useLoginValidation(); diff --git a/weather/src/pages/main.jsx b/weather/src/pages/main.jsx index e9154ad..fa5cb3a 100644 --- a/weather/src/pages/main.jsx +++ b/weather/src/pages/main.jsx @@ -2,7 +2,7 @@ import React from "react"; import Button from "../components/button"; //공통된 요소 버튼 사용 import { useNavigate } from "react-router"; //페이지 이동을 위한 useNavigate 훅 사용 -//main page 화면 구현 +//메인페이지 화면 구현 const Mainpage = () => { const navigate = useNavigate(); //useNavigate 훅을 사용하여 페이지 이동 기능을 활성화 return ( diff --git a/weather/src/pages/map.jsx b/weather/src/pages/map.jsx index 0dd6e31..630a250 100644 --- a/weather/src/pages/map.jsx +++ b/weather/src/pages/map.jsx @@ -1,3 +1,4 @@ +//날씨 지도 부분 구현 import React, {useState} from 'react' import { useForm} from 'react-hook-form' diff --git a/weather/src/pages/signup.jsx b/weather/src/pages/signup.jsx index b7cc19d..f869f9d 100644 --- a/weather/src/pages/signup.jsx +++ b/weather/src/pages/signup.jsx @@ -5,7 +5,7 @@ import { useForm } from "react-hook-form"; import { useLoginValidation } from "../hooks/useLoginValidation"; -//회원가입 page 화면 구현 +//회원가입 페이지 화면 구현 const SignupPage = () => { const navigate = useNavigate(); const { validateID, validatePassword } = useLoginValidation(); @@ -16,6 +16,7 @@ const SignupPage = () => { alert("회원가입 되었습니다."); navigate('/login'); // 회원가입 후 로그인 페이지로 이동 }; + //회원가입 저장가능하도록 코드 변경 에정 //비밀번호 일치했을때, 확인용 값 const password=watch("password"); diff --git a/weather/src/pages/sub.jsx b/weather/src/pages/sub.jsx index 3e22624..518d75e 100644 --- a/weather/src/pages/sub.jsx +++ b/weather/src/pages/sub.jsx @@ -2,7 +2,8 @@ import React from "react"; import Button from "../components/button"; //공통된 요소 버튼 사용 import { useNavigate } from "react-router"; //페이지 이동을 위한 useNavigate 훅 사용 -//sub page 화면 구현 +//서브페이지 화면 구현 +// 날씨 지도랑 목록으로 이동할수 있게하는 페이지 const Subpage = () => { const navigate = useNavigate(); //useNavigate 훅을 사용하여 페이지 이동 기능을 활성화 diff --git a/weather/src/store/authStore.js b/weather/src/store/authStore.js index 8a84bc7..913ea24 100644 --- a/weather/src/store/authStore.js +++ b/weather/src/store/authStore.js @@ -14,7 +14,7 @@ const useAuthStore = create((set) => ({ isLoggedIn: true, user: userData, })), - //로그아웃 처리하는 함수 + //로그아웃 처리하는 함수입니다 logout: () => set(()=>({ isLoggedIn: false, diff --git a/weather/src/utils/api.js b/weather/src/utils/api.js new file mode 100644 index 0000000..57898e8 --- /dev/null +++ b/weather/src/utils/api.js @@ -0,0 +1,13 @@ +//사용가능한 API 요청 코드 담는 파일 + +//import axios from 'axios'; + +const API_BASE_URL = ''; // 백엔드 주소에 맞게 수정하는것 + +//로그인 API + +//회원가입 API + +//날씨 API + +//백언드가 다른 포트라면 설정바꿀수 있게 해야됨됨 \ No newline at end of file diff --git a/weather/src/utils/paths.js b/weather/src/utils/paths.js index 2956b83..9f59af1 100644 --- a/weather/src/utils/paths.js +++ b/weather/src/utils/paths.js @@ -1,4 +1,5 @@ -// 날씨 지도 데이터 path +// 날씨 지도 데이터 path입니다. + export const paths = [