일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- ajax 사용 예시
- formgroup
- TAILWIND
- Ionic modal
- mysql if
- Router
- 셀렉트박스 커스텀
- Angular Router
- scroll
- 스크롤 이벤트
- flex-1
- angular modal
- 앵귤러 애니메이션
- 호버
- Oracle LISTAGG 사용 예시
- angular button
- egov spring ajax 사용 예시
- 앵귤러 모달
- ApexChart
- 스크롤 이벤트 감지
- angular route
- 아이오닉 스크롤 이벤트
- angular animation
- 옵저버블
- modal
- 검색
- 모달
- route
- prisma
- Today
- Total
목록IT (598)
깜놀하는 해므찌로
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/rPeUg/btsgD92fR8G/EaC9PS94x0HSiXhDWHkat0/img.png)
1. 스크롤을 감지하여 현재 페이지의 위치에 맞게 aside 뷰를 수정해봅시다. 2. (Layout-page) 스크롤 감지를 위해 ion-content 태그에 scrollEvent 속성에 true 설정 및 ionScroll 이벤트 메소드를 선언합니다. import { ScrollService } from '../../services/scroll.service'; constructor(private scrollService: ScrollService) {} ionScroll(ev: any) { this.scrollService.next(ev.detail.currentY); } 3. 스크롤 이벤트 발생 시 현재 Y 축 위치를 가져옵니다. npx nx generate service --project clien..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ba3Jvc/btsguBE1r33/PG1r2p3UM47MdOQ2Qfbmx1/img.png)
STEP {{(i * 2) + 1 < 10 ? '0' : ''}}{{(i * 2) + 1}} 글씨 내용 STEP {{(i * 2) + 2 < 10 ? '0' : ''}}{{(i * 2) + 2}} 글씨 내용 1. [class.flex-row-reserse] 역정렬 사용 STEP {{(i * 3) + 1 < 10 ? '0' : ''}}{{(i * 3) + 1}} 글씨 내용 STEP {{(i * 3) + 2 < 10 ? '0' : ''}}{{(i * 3) + 2}} 글씨 내용 STEP {{(i * 3) + 3 < 10 ? '0' : ''}}{{(i * 3) + 3}} 글씨 내용
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Fjiql/btsgpY0Z9M0/Bv64ui3tL0VHubYrk4SYG0/img.png)
요기!! 0{{number}} 1. AfterView 시점에서 핸들링하기 위해 #item 명시 import { CommonModule } from '@angular/common'; import { AfterViewInit, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectorRef, Component, ElementRef, HostListener, OnInit, ViewChild, signal, } from '@angular/core'; import { register } from 'swiper/element/bundle'; import Swiper from 'swiper'; import { IconComponent } from '../../../components/icon/icon.co..
https://excalidraw.com/ Excalidraw — Collaborative whiteboarding made easy Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them. excalidraw.com 참고
@HostListener('window:resize', ['$event']) onResize(event: any) { document.documentElement.clientWidth => 현재 디바이스 스크린 width }
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bz68gw/btsgmIcZVlK/kdCK39arbhjjJddtHRABu1/img.png)
1. app.config.ts import { ApplicationConfig, importProvidersFrom } from '@angular/core'; import { provideRouter, withEnabledBlockingInitialNavigation, RouteReuseStrategy, } from '@angular/router'; import { appRoutes } from './app.routes'; import { BrowserModule } from '@angular/platform-browser'; import { IonicModule, IonicRouteStrategy } from '@ionic/angular'; // 애니메이션 쓰려면 추가 import { BrowserAn..