전체 글 (53) 썸네일형 리스트형 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기타 등.. Vast ai 사용법 갑자기 AI에 꽂혀서 학습하다가 사용한 클라우드 서비스를 기록해 놓으려고 한다.일단 여기서 사용되는 화페는 $(달러) 기준이다. Vast ai는 GPU를 임대해 주는 클라우드 서비스인데 다른 곳에 비해 저렴한 편이라고 하며, 깨달으면 나름 사용법도 쉽다.나도 하다가 조금 해매었지만 사용법을 1 to 10으로 설명하려 한다. 가격표는 여기 설정된 환경은 다음과 같다.Pytorch 2.2.0 Cuda12.1 DevelSSH 연결50GB 디스크1x RTX 4090 (4090 GPU 1개) 우선 vast ai 서버에 접속한 On-demand pricing, Console 버튼 등을 눌러 임대 가능한 GPU가 표시되는 목록 페이지로 이동한 뒤 로그인 한면 아래와 같은 화면이 나온다. 가장 먼저 임대를 위해 Cre.. Vast ai - Ubuntu SSH key 생성 및 연결 이 글은 Vast ai 사용법 에서 이어집니다. SSH Key를 추가하여 연결하기 위해서는 우선 Key를 생성해야 한다.Ubuntu에서 SSH key를 생성하는 건 간단한데 아래와 같이 명령어 하나만 치면 된다. ssh-keygen -t rsa 그럼 설정하는 뭐가 나올텐데 다 무시하고 enter로 생성될때까지 넘어가면 RSA 비대칭키 암호화로 key가 생성된다. ~/.ssh 경로에 아래와 같은 파일이 생성된다. - id_rsa (비밀키) - id_rsa.pub (공개키) 비밀키는 SSH연결하는데 필요하고 공개키는 SSH 연결 설정할 서버에 필요하다. 우선 공개키를 열어보면 텍스트가 한줄 있는데 한줄을 모두 복사해주고 아래와 같이 Vast ai instance 설정에서 키 모양 버튼을 눌러 SSH key를.. Vast ai - MobaXterm SSH key 생성 및 연결 이 글은 Vast ai 사용법 에서 이어집니다. SSH Key를 추가하여 연결하기 위해서는 우선 Key를 생성해야 한다.Window10에서 SSH key를 생성하는 건 간단한데 Powershell에서 아래와 같이 명령어 하나만 치면 된다.ssh-keygen 그럼 설정하는 뭐가 나올텐데 다 무시하고 enter로 생성될때까지 넘어가면 RSA 비대칭키 암호화로 key가 생성된다. C:\Users\[사용자명]\.ssh 경로에 아래와 같은 파일이 생성된다. - id_rsa (비밀키) - id_rsa.pub (공개키) 비밀키는 SSH연결하는데 필요하고 공개키는 SSH 연결 설정할 서버에 필요하다. 우선 공개키를 열어보면 텍스트가 한줄 있는데 한줄을 모두 복사해주고 아래와 같이 Vast ai instance 설정에.. #1 네트워크(Network) 기본 개념 네트워크란? 네트워크( network )란 컴퓨터들이 통신망을 통해 서로 그물처럼 연결된 체계를 말한다. 통신망 또는 줄여서 망이라고도 하며 통신을 목적으로 일체화된 시스템이다. 네트워크는 각종 통신 장비들이 서로 연결되어 데이터를 교환한다. 네트워크의 종류 WLAN, CAN, SAN, GAN, VPN, ISDN, Intranet, Extranet 등등 여러 네트워크로 분류 되지만 아래 4가지의 범주를 기준으로 사용된다. - 개인 네트워크 ( PAN, Personal Area Network ) 개인의 작업 공간을 중심으로 장치들을 서로 연결하기 위한 컴퓨터 네트워크로, 한 사람이 소유하고 있는 기기가 제각기 그 사람의 편리를 목적으로 한 네트워크를 만든다는 것이다. 10m 안팎의 개인 영역 내에 위치한 .. C# 네트워크 프로그래밍 주요 기법 C#에서 네트워크 프로그래밍을 수행하는 주요 기법들 WinSock, .NET - WinSock과 .NET 네트워크 클래스 - IP주소와 호스트명 TCP 네트워크 - TCP 서버, 클라이언트 - 비동기 TCP 서버 UDP 네트워크 - UDP 서버, 클라이언트 Socket 프로그래밍 - Socket 서버, 클라이언트 - 비동기 Socket 서버 위 기법의 사용 활용 멀티캐스트 송수신, TCP 화면 전송, 파일 송수신 앞으로 위와 같은 것들을 실제로 구현해보려 한다, 이는 OSI 7 Layer, TCP/IP등 네트워크에 대한 설명이 포함된다. 이전 1 2 3 4 ··· 7 다음
