스타트업 프로젝트 [Next13 + TypeScript ]

백엔드에서 만든 로그인 API 를 사용하여 axios로 post 하기Swagger 를 사용하면 데이터의 request 형식을 알 수 있기 때문에 백엔드와 api 소통이 편리합니다.이메일(or 아이디 : 원하시는 걸로) 과 비밀번호를 적어 로그인 버튼을 누르면서버로 데이

apis 폴더를 만들고, 내부에 instance.ts 파일을 만들었다.그렇다면 왜 만들었을까 ?중복 코드 방지: axios 인스턴스 를 만들어 설정하면 여러 요청에서 동일한 설정을 재사용할 수 있습니다. 이렇게 하면 중복 코드를 방지하고 코드 유지 보수가 쉬워집니다.

기본적인 정적 & 동적 라우팅에 대한 설명을 보고싶다면, 클릭 💻app 폴더 > reservationcancel 폴더 > id 폴더업로드중..동적 라우팅은 웹 애플리케이션에서 URL의 일부를 동적으로 처리하고 해당 부분을 변수로 사용하는 기술이다.보여주고자 하는 폴더

📢 해당 포스트는 스타트업 프로젝트를 진행하며, 직접 작성한 코드를 기록용으로 작성함을 명시합니다.예약을 한 상품을 취소하도록 구현하였습니다.예약 취소할 상품에 대한 정보 불러오기 (api)예약한 예약자에 대한 정보 불러오기 (api)결제 금액 데이터 불러오기 (ap

\[Next13 + TypeScript ] API, JWT(accesstoken) 사용하여 로그인&로그아웃 구현하기 위의 포스트에서 accesstoken 을 쿠키에 넣어주고 삭제하는 방법을 작성하지 않았길래 .. 추가해본다.Next.js 13에서는 cookies-nex

📢 해당 포스트는 스타트업 프로젝트를 진행하며, 직접 작성한 코드를 기록용으로 작성함을 명시합니다.로그인 전, 비밀번호 찾기를 구현하였습니다.이메일 입력 시 emailRegex를 설정하여 이메일 조건에 충족하여 입력되도록이름과 이메일을 조건에 맞게 입력 시 이메일 인

🍯 1. 이메일 입력 시 emailRegex를 설정하여 이메일 조건에 충족하여 입력되도록 이메일의 조건 검사 형식은 아래와 같다. 전체적인 코드의 흐름을 설명하자면, 이메일 조건 검사를 해주는 TextBtnFieldInput 에 onChange={handle

이메일 인증 버튼을 누르면 서버에게 데이터를 보내도록 하였다보내야하는 데이터는 사용자의 name , email 이다.그런데 여기서 무엇이 중요하다고 한 것이냐면,이름을 입력받는 곳은 PasswordEmailTextField ,이메일을 입력받는 곳은 PasswordCod