본문 바로가기

프론트엔드

(3)
[JWT] Access Token 재발급 문제 프론트와의 커뮤니케이션 처음에는 어디까지가 프론트의 부분이고, 어디까지가 백엔드의 부분인지 정확하게 알지 못했다. 그냥 api 문서를 보고 어떤 것들을 주고 받는지만 알았다. 하지만 스프링 시큐리티 부분에서 진정한 프론트와의 커뮤니케이션을 하게 되었고 개발을 할 때 프론트가 어디까지 할 수 있는 지 알고 있어야 겠다는 깨달음을 얻었다. 🧐Access Token 관련 재발급 문제 백엔드에서 로그인 기능을 구현하기 위해 JWT를 이용하여 access 토큰을 발행하고 refresh 토큰을 이용하여 accessToken을 재발급하는 방법으로 accessToken의 만료로 인한 재로그인의 불편함을 줄이고자 했다. 이 글은 Access Token 재발급 문제에 대해서 어떻게 커뮤니케이션을 했는지에 대한 과정을 담고..
🌕라꾸라꾸(LakkuLakku) 프로젝트 시작 '라꾸라꾸'는 웹 기반 공유 다이어리 서비스로, 쉽고 간단하게 다이어리를 작성하여 나만의 라이프스타일을 꾸미고 이를 공유하고자 하는 유저들을 위해 제작되었습니다. 웹 기반 서비스이기 때문에 간편하게 휴대하고 걱정없이 저장할 수 있으며, 나의 일기를 한 눈에 확인하고 친구와 공유하며 댓글로 소통할 수 있습니다. 또한 기본 제공되는 300여종의 스티커 및 템플릿를 활용하여 간단하게 다이어리를 꾸밀 수 있으며 원하는 사진을 스티커로 만들어 나만의 다이어리를 만들 수 있습니다. 라꾸라꾸는 디자인 2명, 프론트엔드 4명, 백엔드 4명으로 구성되어 있다. 필자는 백엔드로 참여했기 때문에 백엔드 위주로 작성해보고자 한다. 백엔드 기술 스택 DEVELOPE : Spring, MySQL AWS : Amazon AWS, ..
[세션] 온보딩_프론트엔드 1. 웹의 역사 WEB 1.0 브라우저를 통해 웹 서버로부터 HTML 파일을 받아오는 형식 정적인 서비스를 제공하며 단순 정보를 제공 HTML, CSS 주로 사용 WEB 2.0 동적인 서비스 개발 필요 → javascript 추가됨 아직 프론트, 백엔드 구분하지 않았다. WEB3.0 -자바스크립트가 메인(동적인 기능이 메인), 그 안에 일부 HTML, CSS 가 포함 SPA(Single Page Application) = 웹 어플리케이션에 필요한 모든 정적 리소스를 최초 접근시 단 한 번만 다운로드 함 [ 기존 방식 ] = 서버가 페이지 구성에 필요한 모든 요소(HTML, JavaScript, Data)를 매번 전송으로 인한 → 서버의 과부화, 불필요한 로딩 [ SPA 방식 ] = 제일 처음 전송된 단일..