본문 바로가기

Development

(3)
JWT(Json Web Token) JWT란?JWT(Json Web Token)은 당사자 간에 정보를 JSON 개체로 안전하게 전송하기 위한 간결하고 독립적인 방법을 정의하는 개방형 표준(RFC 7519)입니다.디지털 서명이 되어 있어 신뢰할 수 있습니다.아래 항목과 같은 공개/개인 키 쌍을 통한 암호화 알고리즘을 사용하여 서명할 수 있습니다.HMACRSAECDSA당사자 간의 보안을 제공하며 서명된 토큰에 초점을 맞춥니다. 서명된 토큰은 그 안에 포함된 클레임의 무결성 확인이 가능하지만 암호화된 토큰은 다른 당사자에게 클레임을 숨깁니다.공개/개인 키 쌍을 사용하여 토큰에 서명하면 개인 키를 소유한 당사자만이 서명한 당사자임을 증명합니다. 사용처?다음과 같은 시나리오에 JWT를 사용합니다.승인(Authorization) : 가장 일반적인 시..
Vite로 React 시작하기 Vite에 대한 설명 은 이글에서 확인 Vite 템플렛 프로젝트 생성템플릿 타입은 아래 그림 및 여기 참조 yarnyarn create vite [프로젝트 이름] --template [템플릿 이름]yarn create vite test-app --template react-ts npmnpm create vite [프로젝트 이름] --template [템플릿 이름]npm create vite test-app --template react-ts vite로 react 템플릿으로 프로젝트 생성 후 모듈 설치후 react 실행 yarnyarn installyarn dev npmnpm installnpm dev  환경 설정(VS code)ESLint 적용ESLint는 Vite로 프로젝트를 생성하면 자동으로 .esl..
React 개발 도구 Vite Vite란?Vite(프랑스어로 "빠르다(Quick)"를 의미하며, 발음은 "veet"와 비슷하다)는 빠르고 간결한 모던 웹 프로젝트 개발 경험에 초점을 맞춰 탄생한 빌드 도구이며, 두 가지 컨셉을 중심으로 하고 있습니다.개발 시 네이티브 ES Module을 넘어 더욱 다양한 기능을 제공 ( Hot Module Replacement (HMR)등)번들링 시, Rollup 기반의 다양한 빌드 커맨드를 제공 (높은 수준으로 최적화된 정적(Static) 리소스들을 배포할 수 있게끔 하며, 미리 정의된 설정(Pre-configured)을 제공한다)Vite는 아래 항목들을 지원합니다.Dependency 사전 번들링 및 캐싱네이티브 ESMHot Module ReplacetmentTypescriptjsx, tsx기타 등..