기초 메모지

1. 누겟(Nuget) 패키지 Swagger설치 누겟 패키지에서 Swagger를 설치합니다. 2. Swagger 서비스 및 미들웨어 설정 Program.cs 또는 Startup.cs 선택하여 아래 코드를 입력합니다. // Add Service : Swagger builder.Services.AddSwaggerGen(c => { c.SwaggerDoc("v1", new OpenApiInfo { Version = "v1", Title = "", Description = "", Contact = new OpenApiContact { Name = "", Email = string.Empty, Url = new Uri("") }, License = new OpenApiLicense { Name = "Use und..

ASP.Net Core에서는 라이저(Razor) 페이지(Page), 뷰(View) 별로 접근할 수 있는 권한 부여(Authorization)를 할 수 있습니다. 1. Identity 서비스 등록 'Program.cs' 클래스에 위치한 WebApplication Bulider에 Identity 서비스(Service)를 등록합니다. var builder = WebApplication.CreateBuilder(args); builder.Services.AddDefaultIdentity(options => options.SignIn.RequireConfirmedAccount = true) .AddEntityFrameworkStores(); 2. Identity 정책 및 역할 등록 권한 정책을 사용할 경우에만 사..

1. Visual Code 설치 설치가 되어있다면 넘어가셔도 괜찮습니다. Visual Studio Code - Code Editing. Redefined Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 2. SDK 설치 스프링에서 JDK 사용하는 것 ..

리덕스(Redux) 리덕스(Redux)는 상태 관리를 용이하게 하기 위한 라이브러리입니다. 상태(State)를 컴포넌트 별로 관리하지 않고 전역적으로 사용할 수 있어 상태 관리가 편리합니다. 용어 및 개념 1. 액션(Action) - 액션(Action)은 어떤걸 하는지에 대한 지시가 있는 객체로 `type` 속성을 필수적으로 가지고 있어야 합니다. 2. 액션 생성 함수(Action Creator) - 컴포넌트에서 더욱 쉽게 액션을 발생시키기 위해 사용합니다. - 액션을 언제든지 사용할 수 있도록 만들어주는 함수 입니다. - 액션을 만드는 함수로 파라미터를 받아와서 액션 객체 타입으로 만듭니다 3. 리듀서(Reducer) - 액션을 발생시켜 스토어의 상태(State)를 변화 시킬 때 액션에 따라 기존 상태..

지난 시간 타입스크립트로 프로젝트 생성을 해보았습니다. 오늘은 타입스크립트로 컴포넌트(Component) 생성과 리덕스(Redux) 적용 등 기존 자바스크립트로 적용했던 라이브러리들을 적용해보겠습니다. 1. 리덕스 설치 리덕스를 적용하기 전 NPM, YARN 등 패키지 매니저를 이용해 리덕스 라이브러리를 설치합니다. NPM npm i react-redux npm i @reduxjs/toolkit YARN yarn add react-redux yarn add @reduxjs/toolkit 2. 리덕스 모듈(Module) 생성 2 - 1. 프로젝트 폴더 내 src/module 폴더를 생성합니다. 액션 타입(Action Type) 리듀서에서 어떤 액션인지 판별하기 위한 타입 입니다. 액션 생성 함수(Actio..

속성(Propertys == Props) 속성(Props)은 하위 컴포넌트(Component)에 전달된 값을 그대로 표현할 때 사용합니다. 같은 컴포넌트지만 내용이 다른 양식(Template)을 만들 때 사용합니다. 속성 값이 달라져도 컴포넌트를 수정할 필요가 없습니다. 속성은 읽기 전용(Read Only)으로 속성 값이 변하지 않습니다. function App() { return ( ); } 알맞은 DOM 태그에 중괄호(JSX 또는 TSX 문법)를 넣어 지정 된 속성 값을 표시합니다. function Profile(Props) { return ( {Props.Name} {Props.Email} {Props.PhoneName} ); } 상태(State) 상태(State)는 컴포넌트에서 관리되고 상태가 변..

생성(Creational) 객체 생성 에 관련된 패턴입니다. 객체 생성을 보다 효율적이고 확장성 있게 할 수 있는 방법을 고안합니다. 최소한의 객체를 생성하는데 초점을 둡니다. 싱글턴(Singleton) 실행하는 동안 객체 하나만 생성하고 접근하기 때문에 접근, 수정이 편리합니다. 모든 데이터를 전역으로 관리하여 쉽게 접근할 수 있습니다. 팩토리 메서드(Factory Methods) 객체를 생성할때 인스턴스(Instance)의 타입(Type)을 서브 클래스가 결정하도록 위임합니다.인터페이스와 동일한 역할 팩토리 메서드(Factory Methods) 구성 요소 Product : 가장 기본이 되는 타입, 일반화 시킬 수 있는 가장 큰 분류 Ex. 자동차, 동물, 식물 ConcreteProduct - Prod..

콘솔 히스토리 저장 위치 C:\Users\사용자\AppData\Roaming\Microsoft\Windows\PowerShell\PSReadLine\ConsoleHost_history.txt