신입개발자_장민기

import { useState } from "react"; export default function Login() { const [inputs, setInputs] = useState({ email: "", password: "", }); //유효성 체크 const [didEdit, setDidEdit] = useState({ //입력상태 저장 상태변수 email: false, password: false, }) //유효성 조건 지정 const emailIsInvalid = didEdit.email && !inputs.email.includes("@"); //이메일에는 @가 반드시 포함 const passwordIsInvalid = didEdit.password && !(inputs.password...

export default function Login() { function handleSubmit(event){ event.preventDefault(); const fd = new FormData(event.target); const email = fd.get("email"); const password = fd.get("password"); const address = fd.get("address"); console.log(email, password, address) } return ( Signup Email password address address2 Login ); }

import { useState } from "react"; export default function Login() { const [inputs, setInputs] = useState({ email: "", password: "", }); function handleInputChange(identifier, value) { setInputs({ ...inputs, [identifier]: value }); } function handleSubmit(event) { event.preventDefault(); console.log(inputs); } return ( Login email handleInputChange("email", event.target.value) } > password handle..

https://www.postman.com/ Postman API Platform | Sign Up for Free Postman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster. www.postman.com 가입 https://www.postman.com/downloads/ Download Postman | Get Started for Free Try Postman for free! Join 30 million developers who rely on Post..

https://m.blog.naver.com/adamdoha/222081530284 [Java] 쿠키(Cookie) 생성, 조회, 삭제 서론 JWT로 회원 인증 처리를 할 때, 쿠키를 활용해볼 수도 있는데, 서비스를 개발할 때마다 자주 쓰이... blog.naver.com //게시판 글 보기 @GetMapping("/viewDBoardContent/{bNum}") public ModelAndView viewDBoardContent(@PathVariable("bNum") int boardNum, HttpServletRequest request, HttpServletResponse response) throws ParseException { //쿠키에 user 식별 key 있는지 확인 String userK..

일단 대기

import MainNavigation from "../components/MainNavigation" import { useRouteError } from "react-router-dom" //추가 export default function Error(){ const error = useRouteError(); console.log("error: ", error) console.log("error: ", error.data.status) console.log("error: ", error.data.message) let title = "An error occurred!!"; let message = "Something went wrong!!" if(error.data.status === 500){ me..

import { Outlet, useNavigation } from "react-router-dom"; //추가 import MainNavigation from "../components/MainNavigation" export default function RootLayout(){ const navigation = useNavigation(); //추가 return( {navigation.state === "loading" && loading...} {/* {navigation.state === "loading" && alert("테스트용")} */} ) }

import HomePage from "./pages/Home" import Products from "./pages/Products" import RootLayout from "./pages/root"; import Error from "./pages/Error"; import ProductDetail from "./pages/ProductDetail" import ProductDetail2 from "./pages/ProductDetail2" import Users, {loader as usersLoader} from "./pages/Users" //Alias import { createBrowserRouter, RouterProvider } from "react-router-dom" import a..

0이 뜬다고 int의 기본값을 그냥 사용했더니 출력이 되질 않는다... 그냥 0을 기본값으로 넣는 방법으로 해결