일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- summary
- 스크롤 이벤트 감지
- 앵귤러 모달
- mysql if
- 옵저버블
- Router
- 검색
- angular modal
- angular button
- 셀렉트박스 커스텀
- modal
- flex-1
- angular route
- 앵귤러 애니메이션
- egov spring ajax 사용 예시
- route
- angular animation
- prisma
- ApexChart
- 아이오닉 스크롤 이벤트
- formgroup
- 스크롤 이벤트
- 모달
- Ionic modal
- 호버
- Oracle LISTAGG 사용 예시
- Angular Router
- scroll
- ajax 사용 예시
- TAILWIND
- Today
- Total
목록전체 글 (599)
깜놀하는 해므찌로
pizzaNames = [ '콤비네이션피자L', '불고기피자L', '바베큐치킨L', '페파로니피자L', '치즈피자L', '야채피자L', '베이컨포테이토L', '고구마무스L', '핫불고기L', '핫치킨L', '하와이언', '불갈비L', '그릴드포크', '멜팅치즈&스테이크L', '쉬림프베이컨L', '킹프런&비프크럼블L', '리얼스테이크&깐쇼L', '트리플킹', ]; createMockData() { let arr: Order[] = []; for (let i = 0; i < 100; i++) { let order: Order = { sequence: sequence, ordererId: 'kimpizza', branchName: branchName, ordererName: `${faker.name.lastN..
{{item.status}} 재고 상태 상세 2022-01-10 페퍼로니 ({{item.sequence}}) 출고승인 2022-01-10 페퍼로니 ({{item.sequence}}) 출고승인 1. mouseover, mouseleave 활용 2. 목록에 노출된 아이템의 고유 번호와 호버 시 해당 아이템의 고유 번호를 비교 isStatus: boolean = false; // 호버 여닫 여부 selectedId!: number; // 호버 시 선택 된 값 저장 statusOver(inventory: Inventory) { if (!inventory.status) { this.selectedId = 0; return; } this.isStatus = true; this.selectedId = inventor..
input[type='date']::-webkit-inner-spin-button, input[type='date']::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; }
{{tab}} currentTab: string = '전체'; tabs: string[] = [ '전체', '출고 대기', '출고 승인', '충고 완료', '제조 완료', '배송 중', '배송 완료', ];
1. 템플릿 import { Component, HostBinding, Input } from '@angular/core'; import { CommonModule } from '@angular/common'; import { IonicModule } from '@ionic/angular'; @Component({ selector: 'app-icon', standalone: true, imports: [CommonModule, IonicModule], templateUrl: './icon.component.html', styleUrls: ['./icon.component.scss'], }) export class IconComponent { @Input() name?: string | undefined;..
1. input : outline-none : 기존 아웃 라인 제거 2. focus-within:border-primary transition-all : 새로운 아웃라인