반응형 전체 글47 JWT를 활용한 로그인 인증 구현 JWT 로그인 인증을 구현하기 위해 Session 과 JWT 방식 중에 엄청난 고민을 하다가, 아무래도 DB를 덜 사용하고 MSA에 유리한 JWT 방식을 사용하기로 마음먹었다. 개발 코드: Vue, NuxtJS 1. JWT 인증 최종 구현 모델 JWT에 대한 세부적인 스펙과 관련한 설명은 생략하도록 하겠다. JWT 토큰을 이용해 어떻게 안전하게 인증 시스템을 만들어야 하는지에 초첨을 두었다. 🤜 일단 결론적으로 아래 그림이 내가 구현한 인증 모델이다. 크게 3가지 부분으로 나뉜다. ① 로그인 일단 로그인을 요청하면 사용자 정보를 확인하고 JWT를 사용하여 AccessToken과 RefreshToken을 발급한다. 👉 토큰 만료시간 만료시간을 AccessToken은 짧게, RefreshToken은 길게 잡.. 2023. 3. 8. 내가 React가 아닌 Vue를 쓰는 이유 1. Vue / React Vue React Vue와 React는 모두 프론트엔드를 편하게 개발하기 위한 Javascript로 만들어진 도구이다. 이제는 이것들 없이 프론트 개발을 한다는 것은 상상하기도 싫다. 둘다 컨셉은 동일하다. 모든 UI를 스스로 동작하는 컴포넌트 단위로 개발해서 어디든 편하게 가져다 쓸 수 있게하는 것이다. 페이지 단위가 아닌 더 작은 단위의 컴포넌트를 개발하여 재사용성과 코드의 간결함을 유지한다. 모든 개발의 지향점은 코드 중복을 없애고 코드의 단위를 사람이 알기 쉽게 논리적으로 구조화하는 것이 궁극적 목적인데, Vue와 React도 결국 이러한 목적을 위한 것이다. 2. NuxtJS / NextJS 이걸 또 더 편하게 개발하라고 Vue는 NuxtJS, React는 NextJS.. 2023. 3. 7. npm update 시에 package.json 수정안되는 문제 무엇을 개발하던 시간이 지나면 의존성 있는 패키지들을 업데이트해야하는 상황이 무조건 생기기 마련이다. 우리의 NodeJS 프로젝트에서 안전하게 패키지를 업데이트 하는 방법을 알아보자. NodeJS 패키지 업데이트 방법 1. 버전 확인 업데이트할 패키지을 확인하기 위해 npm outdated 명령어를 입력하면 아래와 같이 나온다. $ npm outdated 아래의 의미가 중요하다. Current 현재 설치된 버전 Wanted package.json에서 지정된 semVer 한도내의 최신버전 Latest 해당 패키지의 최신버전 우리는 대부분의 상황에서 Wanted 버전으로만 업데이트를 하게 될 것이다. Latest에서 Major버전이 업데이트되는 상황이 있다면 어떤 일이 발생할지는 각자가 알 거라 생각된다. .. 2023. 3. 6. 이전 1 ··· 9 10 11 12 다음 반응형
