해나래

Material-UI는 높은 수준의 UI를 빠르고 효율적으로 개발할 수 있는 UI 도구입니다. Material-UI 구글의 Material Design UI 가이드라인을 바탕으로 하며 UI개발에 필요한 수많은 컴포넌트와 디자인 템플릿을 제공합니다. Material-UI 장점 Material Design을 바탕으로 합니다. 안드로이드 시스템에서 검증된 높은 수준의 디자인 퀄리티를 바탕으로 UI개발을 진행 할 수 있습니다. 또한 모바일과 데스크톱을 모두 지원하는 반응형 UI를 빠르게 개발할 수 있습니다. 방대한 컴포넌트를 제공합니다. 필요로 하는 대부분의 컴포넌트를 제공합니다. DatePicker, AutoComplete, Dialog, Tooltip 외 방대한 양의 컴포넌트를 제공합니다. UX PIN과 같..

SMTP 프로토콜 Simple Mail Transfer Protocol의 약자로서 메일을 전송하는데 사용되는 프로토콜입니다. 주로 메일 서버 간에 메일을 송/수신할 때 사용합니다. 또한 사용자 PC에 설치된 메일 클라이언트 프로그램(아웃룩 등)이 SMTP 메일 서버로 메일을 전달할 때 SMTP 프로토콜을 사용하기도 합니다. SMTP 전송과정 SMTP 프로토콜은 TCP/IP 프로토콜을 사용하여 메일을 전송합니다. 메일을 발송하는 SMTP서버와 메일을 수신하는 SMTP서버는 주로 25번 포트를 통해 TCP/IP 연결을 맺게됩니다. TCP/IP 연결이 완료되면 메일을 발송하는 SMTP서버는 Outbound Queue에 쌓여있는 메일을 읽어 수신하는 SMTP서버로 전달하게 됩니다. 수신하는 SMTP 메일서버는 ..

Android에서는 Theme과 Style을 통해서 비주얼 속성을 미리 정의하고 재사용 할 수 있습니다. Style은 개별적인 View에 적용되는 비주얼 속성을 정의합니다. Theme은 앱 전체에 적용되는 속성들을 정의합니다. 만약 특정 Theme을 적용하면 앱 전체의 Activity, View가 영향을 받습니다. Style의 정의 및 사용 res/values 폴더에 styles.xml을 추가합니다. API 레벨 별로 Style을 적용할 수 있습니다. 예를들어 Android 5.0 (API 21) 이상에서 만 적용되어야 한다면 res/values-v21/styles.xml 형태로 정의할 수 있습니다. styles.xml에 Style을 정의해주세요. 레이아웃 XML에서 style 속성을 통해 사용할 수 있..

Android 8.0 (API 26)부터 폰트를 XML로 정의하여 사용할 수 있습니다. 글꼴 파일을 res/font/폴더에 넣고 글꼴을 정의하는 XML 파일을 추가한 후 @font/myfont 혹은 R.font/myfont 형태로 사용할 수 있습니다. Support Library 26을 사용하면 Android 4.1 (API 16) 이상의 기기에서도 사용할 수 있습니다. 폰트를 XML로 정의하기 res/font 폴더에 폰트를 추가합니다. 폰트파일은 기본적으로 TTF 폰트를 지원하며, OTF는 Android 1.6 부터 지원합니다. res/font 폴더에 XML 파일을 추가합니다. 파일명이 폰트의 리소스명이 됩니다. XML파일을 열고 폰트를 정의하는 내용을 작성합니다. 정의된 폰트를 사용하는 방법은 다른 ..

오류 TypeScript 빌드 시 --downlevelIteration을 사용하라는 오류가 발생할 때가 있습니다. Type 'Set' is not an array type or a string type. Use compiler option '--downlevelIteration' to allow iterating of iterators. 이 오류는 ES6를 지원하지 않는 환경에서 ES6 열거형(Iterable) 객체를 열거하려고 할 때 발생합니다. 예를들어 Set 혹은 Map 객체는 ES6에서 추가된 객체인데 tsconfig.json에 target을 ES5로 설정한 상태에서 Set을 열거하려고 하면 이러한 오류가 발생합니다. 해결방법 두가지 오류해결 방법이 존재합니다. 첫번째 방법은 간단히 --downl..

.d.ts 파일이란? 타입스크립트가 타입을 추론할 수 있도록 .d.ts파일에 Type을 선언 할 수 있습니다. 여러가지 사용 목적 중에서 대표적인 2가지를 소개하자면 다음과 같습니다. 사용목적1: 구현부분과 선언부분의 분리 클래스, 함수의 Type 선언부분은 .d.ts파일에 정의해두고, 구현부분은 별도의 .ts 파일에 분리하여 작성할 수 있습니다. 이러한 작성방법은 C언어의 헤더파일(.h 파일)의 사용방법과 유사하다고 볼 수 있습니다. 구현부분과 선언부분을 깔끔하게 분리하여 코드를 작성할 수 있는 것이죠. 사용목적2: 레거시 자바스크립트의 타입추론 오랜 전에 작성된 자바스크립트 라이브러리를 타입스크립트에서 사용하기 위해 .d.ts를 사용하기도 합니다. 오래된 자바스크립트 라이브러리를 타입스크립트에서 사용..

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는 텍스트 맨끝에 존재하는 연속된 공백을 그대로 보여주지만, 지정..