Nuxt

이번 프로젝트에서는 JWT를 이용한 로그인을 구현하였다. (백엔드 프론트 내가 다) 그런데 AccessToken을 재발급 해주기 위한 RefreshToken을 HttpOnly 옵션을 준 쿠키로 저장하였는데, 처음으로 httpOnly 쿠키를 사용하다보니 어떻게 서버로 전

문제는 제 포트폴리오 사이트를 배포하며 일어났습니다. 나를 나타낼 수 있는 포트폴리오를 만들어보기로 한지 한달 반이 넘었고 결국 완성한 포트폴리오 사이트를 github에서 제공하는 github 페이지를 이용해 정적 호스팅 하기로 결정했습니다!! 처음 github 페

포트폴리오를 만든 후 GitHub Pages에 정적호스팅 하기로 결정한 뒤 이를 위해 구글링을 했는데 Nuxt3 기준 GitHub Pages에 배포 하는 방법의 글이 보이지가 않아서 남겨놓으려고 합니다!! >GitHub Pages? 🤔 GitHub Pages란 Gi

현재 Nuxt를 사용해 개발중인 사내 백오피스 사이트 구축 프로젝트에는 ElementPlus라는 UI 프레임워크를 사용하고 있습니다. 이 ElementPlus에서 지원하는 datePicker인 el-date-picker는 `format` : 보여지는 형식 `valu

사이드 프로젝트에 에디터 기능이 필요해 toast-ui/editor를 테스트 하게 되었습니다.회사에서 이미 구현하여 쓰고 있었기에 큰 어려움은 없었으나 오랜만에 새로 붙이다보니 조금 헤맸네요..내가 했던건데 헤매서 초기 셋팅을 까먹지 않기 위해 글을 남깁니다우선 toa

사이드프로젝트 진행 중 소셜로그인을 구현하고 있었습니다.소셜타입은 총 세가지로 naver,kakao,google인데 이 중 naver,kakao는 vercel 배포시 모두 콜백페이지로 정상적으로 redirect 되었지만 이상하게 google만 redirect 되지않고

토큰 재발급 중 재발급시 Content-Type이 'application/x-www-form-urlencoded;charset=UTF-8' 였다.처음에 조금 헤맸지만 결국 구글의 힘을 빌려 찾아보니요청 양식은 아래와 같았다. (까먹을까봐 기록!!)처음에는 formDat

회사에서 사용자가 첨부한 파일을 다운로드 하는 기능을 만들어야했다. 이전에는 base64로 내려줘서 프론트에서 디코딩해서 다운로드하게끔 했었지만 이번에는 respons의 getOutpuStream을 이용하여 바이트배열을 출력하도록하여 이것을 프론트에서 핸들링하도록 하

Query String은 URL의 끝에 붙는 추가적인 데이터를 전달하기 위한 문자열입니다. 주로 웹 애플리케이션에서 클라이언트와 서버 간 데이터를 주고받기 위해 사용되며 쿼리스트링은 ?로 시작하며, 키-값 쌍의 형태로 데이터를 전달합니다.URL?key1=value1&k

길었던 레거시 프로젝트 리뉴얼을 끝내고 여유롭게 오랫동안 업데이트하지 않았던 패키지들을 업데이트(버전 업)하고 개발 서버를 시작했는데Deprecation Warning user-authored: The legacy JS API is deprecated and will

⬆️ 실제로는 더 부드럽게 움직이는데...ㅠㅠ ㅋㅋㅋㅋ 사건의 발단😢 > 회사에서 새 프로젝트를 시작하게 되었습니다. 여느 때와 같이 사이드바를 구현하던 중 문득, 자식 메뉴를 가진 부모 메뉴를 클릭했을 때 자식 메뉴가 아래로 부드럽게 펼쳐지는 효과를 주고 싶었