1. 이 포스트는 structural directive를 생성하는 방법에 대한 내용이다. 2. 설명은 ngFor 처럼 반복하는 구문이지만 특정한 횟수를 단순히 반복하는 기능의 directive를 구현한다. 2-0 개발 하다 보면 이 기능이 필요한 경우가 상당히 많다. 2-1 하지만, 단순히 n회 반복하는 구문을 작성하려면 컴포넌트 클래스에 배열까지 생성해야 해서 귀찮다. 2-2 바로 이전에 구현한 pagenation 역시 총 자료의 갯수만큼 반복하여 숫자를 나열하는 로직을 가지고 있다. 3. 예제는 아래 pagenation 포스트를 가지고 설명한다. Angular : Pagenation 구현하기 1. 이 포스트는 bootstrap을 이용하여 수동으로 pagenation을 구현하는 내용이다. 1-1 사실 ..
1. 이 포스트는 property directive를 생성하는 방법에 대한 내용이다. 2. 설명은 ngClass directive와 동일한 기능을 가진 custom directive를 구현한다. 2-1 ngClass는 객체를 받아 값이 true일 경우 key가 class에 추가되는 directive이다. 3. 예제는 아래 pagenation 포스트의 내용을 가지고 설명한다. 4. 순서 4-1 directive 파일을 생성한다. 4-2 app.module.ts에 등록한다. 4-3 directive.ts파일을 작성한다. 4-4 사용한다. 5. directive 생성 5-1 아래 코드를 실행하면 class.directive.ts파일이 생성되고 빈 ClassDirective 클래스가 만들어진다. $ ng gen..
1. StackOverflow에서 다 나오지만 나중에 참고하기 쉽게 붙여 놓는다. 2. ngSwitch - 특정한 값에 따른 분기만 가능하다. First Number Second Number Third Number Other Number Daniel String David String Alex String Other String 4. 멀티플 if - 가장 일반적으로 많이 사용하는 구조이다. Template for foo between 1 and 3 Template for foo between 4 and 6 Template for foo greater than 7 First Number Second Number Third Number Alex String David String Daniel String 출..
1. 이 포스트는 bootstrap을 이용하여 수동으로 pagenation을 구현하는 내용이다. 1-1 사실 ng-bootstrap에서 pagenation 기능을 제공하므로 굳이 이렇게 구현할 필요는 없다. 2. component template 2-1 bootstrap 공식 홈페이지의 코드를 그대로 사용하였다. 복붙 2-2 중간에 ng-container가 나온는데, 이것은 li테그에 2개의 ng directive를 사용할 수 없기 때문이다. 2-3 [ngClass]에 지정할 class들은 getClass라는 별도의 메소드를 통하여 지정하고 있다. 2-3-1 메소드 내에서 여러 개의 if문으로 필요한 class들을 채워서 반환하는 테크닉은 표준적으로 사용된다. 2-3-2 ngFor의 let i=index..
1. 이 포스트는 Pipe를 생성하는 방법에 대한 내용이다. 2. 개발 방법 2-1 pipe 추가 2-2 app.module.ts에 추가 2-3 pipe.ts 작성 2-4 사용하기 3. Pipe추가하기 3-1 아래처럼 추가하면 convert.pipe.ts파일이 생성되고 내부에 클래스 template이 만들어 진다. $ ng generate pipe convert 3-2 기본적으로 만들어지는 template은 다음과 같다 import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'convert' }) export class ConvertPipe implements PipeTransform { transform(value: unknown, .....
0. 이 포스트는 Angular의 많이 쓰는 파이프 몇 개를 언급한다. 0-1 아래 링크의 공홈에 가면 공통적으로 많이 쓰이는 built-in pipe이 나온다. Angular angular.io 1. DecimalPipe 1-1 숫자값을 지정된 포멧대로 표현해 준다. 1-2 지정은 digitsInfo에 패턴을 넣어준다. 포멧은 최소정수자리.최소소수자리수-최대소수점자리수 1-3 1.0-2 라고 지정하면 정수는 한자리 이상 표현되고 소수점은 2자리까지 표현된다. 1.0-3이 기본값이다. @Component({ selector: 'number-pipe', template: ` e (no formatting): {{e | number}} e (3.1-5): {{e | number:'3.1-5'}} e (4.5..
1. 이 포스트는 Spirng Security를 사용하지만, Security filters 로그인을 맡기는 것이 아닌 직접 코딩하는 내용이다. 1-1 보통 WebSecurity Config 클래스의 AuthenticationMangerBuilder를 통하여 접근방법을 등록한다. 1-1-1 UserDetailsService를 구현하여 이 객체를 AuthenticationProvider에 제공하고 1-1-2 이것을 AuthenticationManager가 사용한다. 2. 작업 순서는 2-0 의존성 추가 2-1 데이터베이스 생성 및 연결 2-2 User, Role Entity 생성 및 연결 2-3 UserRepository, RoleRepository 생성 2-4 서비스 코드 생성 2-4-1 UserDetai..
Flight Reservation Details Flight Information Operating Aline ${ flight.operatingAirlines } Departure City ${ flight.departureCity } Arrival City ${ flight.arrivalCity } Date Of Deaprture ${ flight.deteOfDeparture } Estimated Departure Time ${ flight.estimatedDepartureTime } Passenger Information First Name ${ passenger.firstName } Last Name ${ passenger.lastName } Email ${ passenger.email } Pho..
- Total
- Today
- Yesterday
- 도커 개발환경 참고
- AWS ARN 구조
- Immuability에 관한 설명
- 자바스크립트 멀티 비동기 함수 호출 참고
- WSDL 참고
- SOAP 컨슈머 참고
- MySql dump 사용법
- AWS Lambda with Addon
- NFC 드라이버 linux 설치
- electron IPC
- mifare classic 강의
- go module 관련 상세한 정보
- C 메모리 찍어보기
- C++ Addon 마이그레이션
- JAX WS Header 관련 stackoverflow
- SOAP Custom Header 설정 참고
- SOAP Custom Header
- SOAP BindingProvider
- dispatcher 사용하여 설정
- vagrant kvm으로 사용하기
- git fork, pull request to the …
- vagrant libvirt bridge network
- python, js의 async, await의 차이
- go JSON struct 생성
- Netflix Kinesis 활용 분석
- docker credential problem
- private subnet에서 outbound IP 확…
- 안드로이드 coroutine
- kotlin with, apply, also 등
- 안드로이드 초기로딩이 안되는 경우
- navigation 데이터 보내기
- 레이스 컨디션 navController
- raylib