전체 글

개요 대부분의 웹 애플리케이션(웹 앱)은 어떠한 유형이라도 사용자 인증 기능이 공통적으로 사용됩니다. 많은 웹 앱은 외부 SNS 서비스 또는 이메일을 통한 로그인 기능을 제공합니다. 또한 사용자와의 커뮤니케이션 및 상호작용을 통해 콘텐츠를 생성하는 웹 앱은 이러한 사용자의 정보를 저장할 필요가 있습니다. 사용자 인증 서비스를 직접적으로 개발을 하는 것은 최소의 개발인력 또는 1인 개발자로 구성된 웹 어플리케이션의 개발에는 적합하지 않을 수 있습니다. 다행히도 파이어베이스는 모바일 및 웹 앱 모두에서 사용 가능한 사용자 인증 서비스를 제공하기 때문에 이를 직접 개발할 필요 없이 쉽게 Angular 프로젝트에 설정하여 적용할 수 있습니다. 이번 포스트에서는 파이어베이스의 사용자 인증 서비스를 사용하여 여러분..

개요 Angular 튜토리얼에서는 프로젝트에서 사용하는 외부 라이브러리를 npm 을 이용하여 프로젝트 내에 설치 후, import 를 통하여 해당 모듈을 사용합니다.하지만 프로젝트에서 사용하는 외부 라이브러리가 CDN(Content Delivery Network) 으로 제공되는 경우에 대한 예시 및 방법이 확인되지 않아 인터넷을 검색하여 그 결과를 정리하여 놓습니다. 본문 우선 사용하고자 하는 js 파일을 src/index.html 파일에 포합시킵니다.예를 들어 카카오 로그인 기능을 사용하기 위하여 SDK 라이브러리를 불러오는 것은 다음과 같습니다.▼ /src/index.html loading 스크립트를 컴포넌트에서 사용할 때, Typescript 에서 컴파일 에러가 발생하는 것을 방지하기 위해 스크립트..

개요 Icon 폰트 라이브러리를 사용하면 웹/앱을 좀 더 분명하고, 생동감 있게 표현할 수 있습니다.Angular 프로젝트에 Angular Material 모듈을 적용하게 되면, 기본적으로 구글의 머터리얼 아이콘 폰트를 별도의 설정 없이 사용할 수 있습니다.Font Awesome 은 회사의 로고와 같은 머터리얼 아이콘 폰트에서 제공하지 않는 추가적인 아이콘이 필요할 경우 사용할 수 있는 Icon 폰트 라이브러리입니다.이번 포스트에서는 Font Awesome 을 Angular 프로젝트에 설치해보도록 하고, 간단한 사용방법을 확인해보도록 하겠습니다. 설치 Font Awesome 은 공식적으로 angular-fontawesome 이라는 모듈을 제공하기 때문에 Angula1.r Project 에 적용하는 것이 ..

개요 man 페이지는 유닉스 혹은 (리눅스와 같은)유닉스 계열의 운영체제에 기본으로 설치되어 있는 소프트웨어 매뉴얼입니다. Manual sections 메뉴얼은 일반적으로 8개의 섹션으로 다누어져 있습니다. 1 General commands 2 System Calls 3 C Library Functions 4 Devices and Special Files 5 File Formats and Conventions 6 Games et. al. 7 Miscellanea 8 System Administration commands and Daemons 사용 $ man printf $ man 1 printf $ man 3 printf

경사하강법의 동작에 대해서 살펴보기 위하여 문제를 간단히 해보도록 합니다.하나의 입력 파라메터 θ1\theta_1θ1​​ 만을 고려한 비용함수를 이용하여 비용하강 알고리즘에 대하여 살펴보겠습니다.하나의 입력 파라메터만을 사용할 경우, 아래의 결과 값이 수렴할 때까지 반복하게 됩니다. θ1:=θ1−αddθ1J(θ1) \theta_1:=\theta_1-\alpha \frac{d}{d\theta_1} J(\theta_1) θ1​:=θ1​−αdθ1​d​J(θ1​)위 과정은 비용함수(J(θ)J(\theta)J(θ))의 경사값의 부호(+, -)와 관계 없이 비용함수의 최소값 수렴하게 됩니다. 그 과정은 아래의 그림에 표현되어 있습니다.경사값이 양수일 경우, 새로 갱신되는 θ\thetaθ 값은 이전의 θ\thetaθ..

개요 Flex Layout 은 flexbox CSS 와 mediaQuery 를 사용하여 Angular 에서 반응형 레이아웃을 쉽게 만들 수 있는 API 를 제공하는 모듈입니다. 반응형 레이아웃은 웹사이트에 접속하는 기기의 화면의 크기에 따라 레이아웃이 변경되는 것을 말합니다.다음과 같이 동일한 https://angular.io/ 사이트를 접속하였을 경우라도 PC(위) 와 모바일 기기(아래)로 각각 접속한 화면 구성이 서로 다르다는 것을 확인할 수 있습니다. 모바일 기기의 화면이 PC 화면에 비하여 너비가 좁으므로 메뉴등이 화면에 표시되지 않고 삼선(三) 단축아이콘으로 축소되었음을 확인할 수 있습니다.▼ https://angular.io (PC 접속) ▼ https://angular.io (모바일기기 접속..

개요 Angular 의 기본 기능을 활용하여 음악을 신청하는 게시판의 기능을 작성해보도록 하겠습니다. 본 내용은 다음의 Angular Tutorial 을 기반으로 작성되었습니다. Angular - Tour of Hero The Application Shell Angular - Tour of Hero The Hero Editor Angular - Tour of Hero Display a Heroes List 프로젝트 생성 $ ng new music-vote 우선 Angular Cli 의 ng new 명령어를 사용하여 어플리케이션의 토대를 만들도록 합니다. music-vote 는 이번 내용에서 만들고자 하는 어플리케이션의 이름입니다. 이후, Angular Material 을 설치하여 어플리케이션 전체의 색상..

경사하강법 (Gradient Descent) 이제 우리는 가정(모델) 함수를 가지고 있으며, 이것이 얼마나 데이터에 들어맞는지 측정할 방법도 있습니다. 이제 우리는 가정 함수의 파라메터를 추정해야 합니다. 경사하강법은 여기에 사용됩니다.우리가 가정 함수를 θ0\theta_0θ0​ 와 θ1\theta_1θ1​ 에 기반한 그래프를 그린다고 해보겠습니다 (실제로 우리는 파라메터 추정의 함수로서 비용 함수를 그래프로 나타냅니다.) . 우리는 x 와 y 자체가 아닌, 우리 가정합수의 파라메터의 범위와 특정 파라메터를 선택했을 때의 비용 결과를 그래프로 나타냅니다.θ0\theta_0θ0​​ 를 x 축에 놓고 θ1\theta_1θ1​ 을 y 축에 놓고, 비용함수를 z 축에 놓았습니다. 그래프 상의 값은 특정 thet..