분류 전체보기 (484) 썸네일형 리스트형 Decorator The decorator in TypeScript is a feature that enables us to add meta data or business logic without having to change the orginal code format. For example, when we have multiple classes with the same attribute name, type, with the same value, we can use the decorator to reduce redundancy How to Use It? This feature is in test at the moment, so we need a set up to use this. Open the console and ru.. Server Memory - Redis Redis is a server memory that stores data with a key-value pair. It does not depend on the database so it takes the burden of having to manage the data and it is fast. In addition, compared to local storage, another option to store data without depending on a database, it gives us control over the data. Well, enough talking, let's get into it. Why Do We Use It? Fast Control over the data Persist.. 서버 메모리 - 리디스 리디스는 서버의 메모리로 제이슨 형태의 데이터를 해당 데이터의 키와 함께 저장합니다. 서버 측 메모리를 활용하기 때문에 데이터베이스의 부하를 주지 않고, 속도가 빠르며, 로컬스토리지와 달리 데이터에 대한 통제력을 가지기 때문에 데이터를 활용할 수 있는 장점이 있는데요. 리디스를 활용하는 방법을 보겠습니다. 장점 빠른 속도 데이터에 대한 통제력 데이터 지속성 (자동으로 주기적으로 스냅샷을 통해 데이터를 저장하여 서버가 다운되더라도 저장된 스냅샷을 통해 데이터가 지속됨) 데이터 저장 기간 설정가능 프로젝트 설정 에이피아이 프로젝트 생성 .NET 웹 에이피아이 생성하기 개발도구 설치하기 .NET을 이용하여 웹애플리케이션을 만들기 위해서는 .NET에서 제공하는 개발도구가 필요합니다. 개발도구 다운로드는 아래 링.. Reusable Component - Reactive Forms Inputs The reusability of components is one of the main advantages of using a framework such as Angular. Today, we will see how we can create an reusable input component in Angular. Implementaion Adding a Module Add the ReactiveFormsModule in the module.ts class Creating a Component Add a component to get the inputs ng g c components/shared/input To link the form controller and the DOM element, add inh.. 공용 컴포넌트 - 리액티브 폼 인풋 컴포넌트의 재 상용성은 앵귤러나 리액트 등 프레임워크가 제공하는 장점 중 하나로 같은 코드를 중복작성할 필요성을 줄여줍니다. 오늘은 앵귤러에서 공용 인풋 컴포넌트를 만들어 보겠습니다. 구현하기 모듈추가 리액티브 폼즈 모듈을 모듈클래스에 추가합니다 컴포넌트 생성 공용으로 상용할 컴포넌트를 생성합니다 ng g c components/shared/input 생성한 컴포넌트 클래스 파일에 폼 컨트롤과 돔요소를 연결하는 인터페이스를 구현합니다 import { ControlValueAccessor } from '@angular/forms'; 구현된 메서드는 사용하지 않음으로 아래와 같이 정리 후 필요한 코드를 추가합니다. 인풋의 타입과 레이블은 인풋마다 다르므로 @Input을 통해 필드로 설정하여 변경 가능하도록 .. Project Structure and Optimizing Development Environment We will see the structure of a webapi project and way to optimaze for the development environment. Creating a WebAPI Project How to create .NET web-API Setting up development tools When working with .NET, we need tools to create a web application. We can download them at the link below. .NET | Free. Cross-platform. Open Source. (microsoft.com) .NET | Free. Cross-platform. Open Source. .NET is a .. 웹 에이피아이 폴더구조 및 개발환경 설정하기 웹에이피아이 프로젝트의 폴더구조와 개발환경 설정하는 방법을 보겠습니다 에이피아이 프로젝트 생성 .NET 웹 에이피아이 생성하기 개발도구 설치하기 .NET을 이용하여 웹애플리케이션을 만들기 위해서는 .NET에서 제공하는 개발도구가 필요합니다. 개발도구 다운로드는 아래 링크에서 가능합니다. .NET | Free. Cross-platform. Open Sour jin-co.tistory.com 프로젝트 생성 후 디버그 툴 설치여부를 물어보면 'yes'를 선택 프로젝트 구조 컨트롤러 엔드포인트를 설정하는 파일 launchSettings.json 개발환경에서 서버가 구동될 주소를 지정하는 파일 API.csproj 속성 설정과 프로젝트가 의존하는 패키지들이 표시되는 파일 appsettings 환경변수를 지정하고 에.. React Hook - Redirection (React Router DOM) Redirection is one of the many basic features when it comes to developing a web application. React, by nature, does not have the feature but React Router DOM offers features to make the redirection availble. Let's see how we can use them Creating a React Project React React is the most papular framework followed by Angular and Vue. React, like Angular uses components to build an application. How.. 이전 1 ··· 12 13 14 15 16 17 18 ··· 61 다음
