깜놀하는 해므찌로

{{ i.title }} 1. 상단 routerLinkActive :현재 라우트 링크와 일치할 경우 명시한 내용을 class name 으로 설정 2. 일반적으로 router.url === menu.path 라는 조건을 활용해서 현재 메뉴와 라우터 url을 비교하기 마련인데, 이 방식을 쓰면 코드도 줄고 더욱 직관적이라 좋습니다.

1. chart 컴포넌트 템플릿 import { Component, HostBinding, Input, OnInit, ViewChild, } from '@angular/core'; import { CommonModule } from '@angular/common'; import { ApexAxisChartSeries, ApexChart, ApexDataLabels, ApexLegend, ApexResponsive, ApexStroke, ApexTitleSubtitle, ApexXAxis, ApexYAxis, NgApexchartsModule, ChartComponent as ApexChartComponent, // as 를 활용해서 자신 컴포넌트 이름 변경 } from 'ng-apexcharts'; ex..

// 지역 테이블 model District { id String @id @default(uuid()) region Region name String bjdongs Bjdong[] createdAt DateTime @default(now()) deletedAt DateTime? admin Admin @relation(fields: [adminId], references: [id]) adminId String } // 법정동 테이블 model Bjdong { id String @id @default(uuid()) name String code String sigungu Sigungu @relation(fields: [sigunguId], references: [id]) sigunguId String sid..

{{ label }} * 동영상 파일을 드래그 할 수 있습니다. 또는 클릭해서 선택이 가능합니다. {{ items.length }} / {{ maxlength }} {{ item.name }} {{ item.size | fileSize }} 1. 템플릿 예시 (자세한 설명은 주석을 참조하세요.) import { CommonModule } from '@angular/common'; import { HttpClient } from '@angular/common/http'; import { Component, Input, OnInit, Optional, Self } from '@angular/core'; import { NgControl } from '@angular/forms'; import { IonicM..

export type PageInfo = { itemsCount: number; totalItems: number; itemsPerPage: number; totalPages: number; currentPage: number; }; export class PaginationDTO implements IPaginationDTO { items: T[]; pageInfo: PageInfo; } export class PaginationOptionDTO implements IPaginationOptionDTO { @ApiProperty() @IsNotEmpty() @Type(() => Number) pageNo: number; @ApiProperty() @IsNotEmpty() @Type(() => Numbe..

1. project.jon 파일 prefix 수정하기 2. 일반적으로 app 으로 설정합니다.

{{tag}} 1. 태그들의 부모 HTML 태그에 flex, flex-warp 2. 자식 태그에는 min-w-max 를 사용하여 글씨의 길이에 따라 줄바꿈 및 크기 조절이 되도록 설정