웹 프로그래밍/React 범범조조 2022. 12. 10. 20:59
개요 2022년 현재 기준으로, React 개발 환경 설정하는 방법에 대해서 정리 진행합니다. 1. Nodejs 설치 React 를 실행하기 위해서는 Nodejs 를 선행적으로 설치 해야 합니다. 구글에 Nodejs 를 입력 후, LTS 라고 써 있는 버전을 선택하여 본인의 Local PC 에 설치 진행합니다. 2. Nodejs 버전 확인 Nodejs 설치가 완료 되면, cmd(명령 프롬프트) 실행 하여 정상적으로 Nodejs 가 설치 되었는지 버전 확인 진행합니다. C:\Users\afsdz>node -v v18.12.1 3. React 프로젝트 생성 Nodejs 를 설치 하였다면, 이제 React 실행 준비는 완료 된 것입니다. 그럼 실제로 React 프로젝트 파일을 생성하는 방법에 대해서 알려 드리..
더 읽기
웹 프로그래밍/Blazor 범범조조 2022. 12. 10. 07:02
참고 https://www.prowaretech.com/articles/current/blazor/wasm/localstorage-utility 개요 Blazor 에서 LocalStorage 사용하는 방법에 대해서 정리 진행합니다. 개발 환경 개발 환경은 다음과 같습니다. .NET 6 Visual Studio 2022 LocalStorage 란? 로컬 스토리지는 웹 스토리지 객체 중 하나입니다. 로컬 스토리지는 데이터를 브라우저에 반영구적으로 저장하며, 브라우저를 종료 후 재시작해도 데이터가 남아있습니다. 또한, 다른 창과 브라우저를 통해서도 접근이 가능합니다. Blazor 서버 프로젝트 생성 Blazor 서버 프로젝트를 생성합니다. ILocalStorage.cs 인터페이스 추가 ILocalStorage..
웹 프로그래밍/Blazor 범범조조 2022. 12. 10. 02:01
참고 https://www.prowaretech.com/articles/current/blazor/wasm/jwt-authentication-simple#! 개요 Blazor WebAssembly 프로젝트를 생성 후, JWT 예제를 구현하는 방법에 대해서 정리 진행합니다. 개발 환경 개발 환경은 다음과 같습니다. .NET6 Visual Studio 2022 Blazor WebAssembly Blazor WebAssembly 프로젝트 생성 먼저 Blazor WebAssemby 프로젝트 생성을 합니다. Server Project 에 NuGet Package 추가 Service 프로젝트에 Microsoft.AspNetCore.Authentication.JwtBearer NuGet 패키지를 추가합니다. Clie..