react 3

Refresh Token - JWT

사용자를 인증하는 부분은 거의 모든 서비스에서 가장 중요하다고 할 수 있을 정도로 핵심적인 부분이다. 사용자를 인증하는 방법 중 하나인 JWT 기법과 함께 refresh token라는 장치에 대해 알아보고 구현해보도록 하겠다. JWT JWT란, JSON Web Token의 약자로, 사용자 인증을 위해 사용하는 암호화된 토큰을 의미한다. 기본적으로 JWT는 ' . ' 으로 구분되어 header, payload, signature 3파트로 나뉜다. 11111111111.22222222222222.333333333333 예를 들면 위와 같은 형식인 것이다. eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJuYW1lIjoienhjengiLCJzdWIiOjE4LCJpYXQiOjE2NDkwN..

개발 일지 2022.04.04

KakaoLink API(카카오로 링크 공유하기) in React

Kakao에서 제공하는 메시지 API는, 사용자가 카카오톡 친구에게 카카오톡 메시지를 보내는 기능을 제공한다. https://developers.kakao.com/docs/latest/ko/message/common Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 위 기능을 통해 서비스의 접근성을 높이고, 공유를 통해 쉽게 전파되는 효과를 예상했다. 메시지를 보내는 방법은 크게 2가지인데, 1. 카카오링크 API를 사용하는 방법 2. 카카오톡 메시지 API를 사용하는 방법 이렇게 2가지이다. 필자는 첫 번째 방법을 택했다. 그 이유는 위 표에서 ..

개발 일지 2022.03.29

Netlify로 프론트엔드 배포하기

이제 백엔드를 올려두었으니 프론트도 배포하여 마무리 짓도록 하겠다. 프론트엔드는 Netlify를 이용하여 배포하도록 하겠다. 알아보니 상당히 간단했는데, 글을 끝까지 읽어보면 여러분도 그렇게 생각할 것이다. 우선 github에 올려둔 나의 frontend 레포지토리를 import 해준다. 그전에 tailwind를 사용하였기 때문에 build명령어 이전에 실행될 prebuild 스크립트를 위와 같이 추가하였다. 배포를 진행할 branch를 선택해주고, 기다리면, 위와 같이 배포가 완료된다. 정말 간단해서 놀랐지만 역시 처음 하는 거라 그런지 에러를 발견하였다. root 페이지가 아닌 다른 곳에서 새로고침 시 Page Not Found에러가 발생하였는데, 이는 프론트엔드 프로젝트가 React로 작성되어 요청..

개발 일지 2022.03.17