프론트엔드

프론트엔드에서 알림을 표시하기 위해 위의 이미지처럼 토스트를 사용하고 있다.useToaster로 toast를 선언한 다음 toast(알림 종류,메시지)를 하면 토스트가 표시된다.그런데 한가지 문제가 생겼다. OAuth로 로그인할 때 문제가 생기면 로그인 페이지로 리다이

나는 CSRF 공격 방지를 위해 CSRF 토큰 기능을 구현했다. 내가 클라이언트 단에서 사용하는 CSRF 토큰 기능은 다음과 같다.Request의 쿠키에서 CSRF 토큰을 가져온다.=> Request의 헤더에서 x-csrf-token을 가져온다.=> 둘이 일치하지 않거

Next.js 미들웨어는 특정 페이지로 이동하거나 API Route를 호출하는 것과 같이 클라이언트에서 next.js 서버로 요청할 때 중간에 실행되는 함수다.나는 특정 페이지에 접근할 때 로그인 여부를 체크할 때 미들웨어를 활용했다.먼저 회원 인증 시스템은 로그인 시

나는 액세스 토큰 존재 여부를 통해 권한을 체크하는 미들웨어를 구현하고 있다. 만약 액세스 토큰이 있는데 로그인/회원가입 페이지로 이동한다면 다른 페이지로 이동시키고 액세스 토큰이 없는 상태로 로그인이 필요한 페이지로 이동한다면 로그인/회원가입 페이지로 이동시키는 것이

자바스크립트로 웹 페이지의 요소를 조작할 땐 DOM API를 활용한다. 이를 통해 DOM을 조작해서 해당 요소의 내용이나 스타일을 변경하는 것이다.DOM을 조작하게 되면 브라우저는 다음과 같은 과정을 거친다.DOM트리 수정스타일 재계산레이아웃(reflow)페인트합성이러