\
[포트폴리오] FE 포트폴리오 페이지를 만들어보자! - 기획 및 디자인
·
PROJECT
더보기포트폴리오 프로젝트 몰아보기 안녕하세요! 전부터 프론트엔드 개발자라면자신의 포트폴리오 페이지정돈 있어야지!... 라고 생각만 하고실천은 없었지만 이번에는 진짜로 만들어볼 예정입니다 :) 기획 먼저, 포트폴리오에서어떤 내용을 강조할까?, 어떤 형태로 보여줄까? 를 많이 고민했으며혼자 생각하는것보다 다른 레퍼런스를 찾아보며 고민했습니다. 레퍼런스 리스트 ⬇️더보기송진경님의 포트폴리오 송진경 | 프론트엔드 개발자프론트엔드 개발자 송진경의 포트폴리오입니다. React, Typescript, Next.js 기반의 웹 프론트엔드를 개발합니다.www.meganmagic.com 이정민님의 포트폴리오 이정민 - Leejeongminjeongmin's dev portfolio siteleejeongmin.ver..
[LinkBrary] Next.js 쿠키 만들기 ( with. API Routes )
·
PROJECT/에러핸들링
개발 환경- Next.js 14 (page router)- TailwindCSS- Axios 문제 상황 BE에서 API를 통해 JWT을 보내주어 AccessToken을 통해 사용자 인증을 하는 방식을 사용하고 있으며, 코드잇 부트캠프 내에서 하는 프로젝트이기에 BE API를 변경할 수 없었고, RefreshToken 없이 AccessToken만을 사용해 인증을 하고, AccessToken의 주기가 짧아 자주 로그인을 해야했습니다. 또한, 현재 웹스토리지(LocalStorage)를 사용하여 SSR(서버사이드 렌더링) 시 로그인(사용자 인증)이 필요한 서비스(API)는 사용할 수 없었습니다. 문제점 요약짧은 토큰 수명때문에 API 통신에 있어 401(UnAuthorized)에러가 자주 발생SSR 방식을 사..