Dansup 프로젝트

댄섭 서비스에서, 사용자가 더 편리하게 로그인할 수 있도록 Next.js에서 카카오 소셜로그인을 구현해보았다.이 글에서는 카카오 소셜로그인 과정을 자세히 알아보기 위해 백엔드와 카카오 인증 서버에서의 동작 과정 또한 알아볼 것이지만, 관련 코드는 프론트에서의 코드만 다

로그인을 구현하는 과정에 대해서 구체적으로 알아보기 전에, HTTP의 특성에 대해서 이해할 필요가 있다.HTTP는 인터넷 상에서 데이터를 주고 받기 위한 서버/클라이언트 모델을 따르는 프로토콜이다. HTTP 프로토콜을 통해 클라이언트가 서버에게 요청을 보내면, 서버는

프론트에서, JWT를 이용해 로그인 구현하기 글에서, 로그인을 하면 accessToken은 전역 상태 userState에, refreshToken은 쿠키에 저장되도록 구현하였었다.📍이 글에서 다룰 내용은 다음과 같다.→ '페이지를 새로고침하면' 전역 상태에 저장돼있는

프로젝트로 진행한 Dansup 서비스는 댄서들을 위한 통합 정보 플랫폼이다. 정보 플랫폼인 만큼 최대한 사용자 맞춤형 정보를 제공하기 위해, 댄스 수업 정보의 필터링 기능을 다음과 같이 4가지 경우로 나누어 구현하였다. 홈 페이지에서 아무것도 적용하지 않은 경우, 전

Dansup 프로젝트에서, 검색창에 댄서 이름을 검색했을 때 서버로부터 해당되는 댄서 데이터를 받아와야 했다. 처음에 백엔드에서 댄서 검색어를 body에 담아 GET 요청을 보내면 댄서 데이터를 보내주는 구성의 api를 만들어 주었기 때문에, 프론트에서 코드를 이렇게

Dansup 프로젝트에서, 백엔드 개발자로부터 사용자가 프로필을 업로드할 때 "Object 형태의 작성 정보와 File 형태의 이미지,동영상을 각각 다른 api가 아닌 하나의 api를 통해 함께 서버로 보내달라"는 요청을 받았다. (객체 형태의 정보를 FormData에