해나래

TypeScript에는 Interface, Class와 더불어 Type을 제공합니다. 각각의 차이에 대해 간단히 정리합니다. Type Alias 변수 Type 정의에 Alias (별칭)을 부여하는 것을 말합니다. 변수 Type을 별칭으로 정의해두고 재사용하기 위해 사용합니다. //'number | string' Type을 Color라는 Alias (별칭)로 정의 type Color = number | string; //정의한 Type Alias를 사용 var favoriteColor: Color = 'Red'; Object나 Function의 변수 Type도 Alias로 정의하고 재사용 할 수 있습니다. //Object에 대한 Type Alias정의 //Interface 선언과 유사하지만 '=' 기호를 ..

ASP.NET 웹사이트를 간편하게 서버에 배포할 때 Web Deploy (MS Deploy) 도구를 주로 사용합니다. 여기에서는 Web Deploy도구를 사용할 때 사용할 수 있는 배포 프로파일(Publish Profile)에 대해 살펴봅니다. VisualStudio 2019와 ASP.NET Core 웹사이트를 기준으로 작성되었습니다. Publish Profile 생성 Visual Sutido에서 웹사이트 배포를 위해서는 Publish Profile(배포 프로파일)을 생성해야합니다. Solution Explorer에서 웹사이트를 마우스 우클릭 하신 후 Publish를 클릭하시면 Publish Profile을 생성하실 수 있는 창이 나타납니다. 배포대상과 배포위치, 인증정보 등 웹사이트 배포에 필요한 정보..

오류1 - 증상 VisualStudio에서 TypeScript를 사용할 때 불규칙적으로 아래 오류가 무작위로 발생하는 경우가 있습니다. Map, Set 등의 이름을 찾을 수 없다는 오류 : Error TS2583 (TS) Cannot find name 'Map'. Do you need to change your target library? Try changing the `lib` compiler option to es2015 or later. ClientApp\src\models\Home.ts 18 Active '@' 등 경로를 찾을 수 없는 오류 : Error TS2307 (TS) Cannot find module '@/utils/Date.ts' or its corresponding type decla..

white-space는 공백을 어떻게 처리할지에 관한 속성입니다. 공백이란 띄어쓰기, 탭문자, 줄바꿈문자를 말합니다. normal 기본 값입니다. 연속된 공백과 줄바꿈은 공백 1개로 대체됩니다. nowrap 자동줄바꿈을 하지 않습니다. 연속된 공백과 줄바꿈은 공백 1개로 대체됩니다. pre 자동줄바꿈을 하지 않습니다. 연속된 공백과 줄바꿈을 그대로 표현합니다. pre-wrap 자동줄바꿈을 지원합니다. 나머지는 pre와 동일합니다. pre-line pre-wrap와 동일하지만, 연속된 공백을 공백 1개로 대체합니다. break-spaces pre-wrap와 동일하지만, 텍스트 맨끝에 연속된 공백이 있을 경우 차이가 발생합니다. pre-wrap는 텍스트 맨끝에 존재하는 연속된 공백을 그대로 보여주지만, 지정..

Visual Studio에서 제공하는 React 프로젝트 템플릿은 ASP.NET Core와 React, create-react-app(CRA) 컨벤션을 사용하는 Client-Side UI 개발을 지원합니다. 이 프로젝트는 ASP.NET Core를 Backend로 사용하며, create-react-app을 통해 생성된 React를 UI로 사용합니다. ASP.NET Core와 React가 하나의 프로젝트로 구성되어 있어 한번에 빌드하고 한번에 배포 할 수 있는 편리함을 제공합니다. 이 React 프로젝트 템플릿은 Server-side rendering(SSR)을 지원하지 않습니다. 이 프로젝트 템플릿은 create-react-app 을 기반으로 구성되어 있습니다. 따라서 create-react-app에서 지..

OAuth 제작한 서비스를 다른 사람도 이용할 수 있게 권한을 인가(Authorization)하려면 어떻게 해야할까요? 다양한 방법들이 떠오를 것입니다. 실제로 많은 회사들이 서로 다른 인가(Authorization) 방법들을 제공했었고, 개발자들은 서로 다른 방법들을 연동하느라 많은 시간을 사용해야 했습니다. 그러던 중 2006년 블레인쿡, 크리스 메시, 래리 하프 등의 개발자들은 인가(Authorization)에 대한 개방형 표준의 필요성을 느꼈고 OAuth 표준을 개발하여 발표하게 되었습니다. OAuth는 등장 이후로 많은 관심을 받았으며, 2012년에는 IETF OAuth 워킹그룹을 주축으로 더욱 개선된 OAuth 2.0 표준이 만들어졌습니다. 이후로 수많은 기업들이 OAuth 2.0을 채택하여 ..

ASP.NET 웹개발에서는 기본적으로 Cookie를 통해 사용자를 인증합니다. 하지만 최근에는 SPA와 모바일앱 등 크로스플렛폼 개발이 늘어나면서 Token 기반 인증이 폭넓게 사용되고 있습니다. ASP.NET에서는 Cookie 기반 인증도 제공하지만, Token 기반 사용자 인증도 추가로 제공합니다. 사용자 인증에 사용되는 Cookie와 Token의 특징을 정리하면 다음과 같습니다. ASP.NET 인증 Cookie Token 플렛폼 웹(HTTP 프로토콜) 제약 없음(크로스플렛폼에 적합) 전송시점 모든 요청에는 Cookie가 포함되어 전송됨 (심지어 단순 이미지 다운로드도 Cookie가 전송됨) 개발자가 직접 전송시점, 방법을 통제함 (필요한 요청에만 Token 포함 가능) 보안 역사가 긴만큼 수많은 공..

서버는 일반 데스크톱과 달리 성능보다는 안정성을 위한 부품들로 구성합니다. (2021년 7월 기준으로 작성) CPU Xeon CPU를 사용하며 E3, E5, E7 라인업으로 나누어집니다. E3 라인업: 현재는 E3가 아니라 E2000 라인업으로 불리며, Entry Range 서버용 라인업입니다. 대략 동접자가 100명(작업에 따라 달라지겠지만) 이하인 소규모 서비스, 스타트업 서비스, 기업내부망 서버용으로 사용됩니다. ECC 메모리를 지원하지만 ECC/REG 메모리는 지원하지 않습니다. E5 라인업: Middle Range 서버용으로 주로 중대형 DB서버나 서비스에 적합합니다. 최소 수백만원에서 수천만원에 달하는 고가의 서버 제품군에서 사용되며 CPU 2~4개, 메모리 8~24개를 하나의 메인보드에 장착..

Package.json NPM에서 패키지를 관리하기 위한 파일 dependencies : 프로젝트에서 항상 사용되는 모듈 devDependencies : 개발환경에서만 사용되는 모듈 scripts : NPM에 내장된 다양한 script를 언제 어떻게 실행할 것인지 설정 browserlist : 지원 브라우저와 Node.js 버전 설정. 이 값은 프로젝트 내에서 공유되며 바벨에서 생성하는 스크립트에 영향을 미침 //package.json { "browserslist": [ "ie 11", //IE11 지원 ">0.2%", //브라우저 점유율 0.2% 이상 지원 "not dead", //지원이 중단된 브라우저 제외 "not ie

증상 npm install로 패키지 설치 시 아래 경고가 출력되는 경우가 있습니다. PM> npm install typesafe-actions npm : npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.1 (node_modules\chokidar\node_modules\fsevents): At line:1 char:1 + npm install typesafe-actions + CategoryInfo : NotSpecified: (npm WARN option...ules\fsevents)::String) [], RemoteException + FullyQualifiedErrorId : NativeCommandError npm WARN notsup..