JWT, dooboo-cli, strapi, less.js ElectronJS

JWT(Json Web Token)란?

• Json Web Token
• JSON 포맷을 이용해서 사용자에 대한 속성을 저장하는 Web Token
• 주로 회원 인증, 정보 전달에 사용됨.

JWT 구조

• Header, Payload, Signature의 3부분으로 이루어짐
• 각 부분은 Base64Url로 인코딩 되어 표현됨

Header

• typ, alg 두 가지 정보로 구성
• typ: 토큰의 타입을 지정 (ex. JWT)
• alg: 알고리즘 방식을 지정

PayLoad

• Claim(클래임)이 담겨 있음.
• Claim : 토큰에서 사용할 정보들의 조각들 (JSON 형태로 들어감)
  • Registered Claim
    • 토큰 정보를 표현하기 위해 이미 정해진 종류의 데이터
    • JWT를 간결하게 하기 위해 key는 모두 3글자로 된 String
      • iss, sub, aud, exp, nbf, iat, jti
        • issuer, subject, audience, expiration, not before, issued at, JWT ID
  • Public Claim
    • 사용자 정의 클레임
    • 공개용 정보를 위해 사용
    • 충돌 방지를 위해 URI 포맷을 사용함
  • Private Claim
    • 사용자 정의 클래임
    • 서버와 클라이언트 사이에 임의로 지정한 정보를 저장

Signature

• 서명
• 토큰의 인코딩, 유효성 검증을 할 떄 사용하는 암호화 코드

Reference

https://mangkyu.tistory.com/56

dooboo-cli

• React Native를 빠르게 시작할 수 있는 보일러 플레이트 (+expo)
• 관련 포럼 (리엑트 네이티브 서울)

Strapi

• REST API를 쉽고 빠르게 만들 수 있는 곳
• 코딩은 한 줄도 안 써도 됨
• GUI
• Web Service
• 공식 사이트 : https://strapi.io/
• 유튜브 : Strapi를 3분 만에 시작하기
• 읽어볼만한 정보 : Strapi 1년이면 풀스택을 읊는다

Strapi 사용하기

• 설치하기
  • npx create-strapi-app@latest my-project
• 그 다음 서버 페이지가 열리면 들어가서 작업할 수 있게 됨.

Less.js

• CSS에 Script 능력을 확장한 언어
• CSS 전처리기 (Preprocessor)
• 공식 사이트 : https://lesscss.org/

Electron.js

• JavaScript로 Desktop App을 컴파일 할 수 있도록 해 주는 프레임워크
• Slack, VSCODE 등 ElectronJS로 제작되었다고 함.
• 공식 사이트: https://www.electronjs.org/

Reference

https://mangkyu.tistory.com/56