일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Angular Router
- angular button
- ApexChart
- Ionic modal
- modal
- TAILWIND
- 앵귤러 모달
- formgroup
- 모달
- summary
- flex-1
- 검색
- prisma
- 스크롤 이벤트
- Oracle LISTAGG 사용 예시
- angular route
- 옵저버블
- angular animation
- 스크롤 이벤트 감지
- 셀렉트박스 커스텀
- mysql if
- Router
- 호버
- 아이오닉 스크롤 이벤트
- egov spring ajax 사용 예시
- ajax 사용 예시
- route
- 앵귤러 애니메이션
- angular modal
- scroll
- Today
- Total
목록IT (598)
깜놀하는 해므찌로
curl localhost:80 `curl localhost:80`는 도커 외부에서 실행 중인 컨테이너에 HTTP 요청을 보내는 명령어입니다. 아래에 명령어의 구성을 상세하게 설명합니다: - `curl`: 커맨드 라인에서 HTTP 요청을 보내는 명령어입니다. - `localhost:80`: HTTP 요청을 보낼 대상의 주소입니다. 여기서는 로컬 호스트(현재 실행 중인 시스템)의 80번 포트로 요청을 보냅니다. 이 명령어를 실행하면 `curl`을 사용하여 로컬 호스트의 80번 포트로 HTTP 요청을 보냅니다. 이는 일반적으로 Nginx 또는 다른 웹 서버를 호스트하는 도커 컨테이너에 접속하여 해당 웹 서버의 응답을 받아올 때 사용됩니다. 요청에 대한 응답은 터미널에 표시될 것입니다.
yaxis: { min: 0, max: 1000, tickAmount: 10, labels: { formatter: (value: number) => `${value - (value % 100)} - ${value - (value % 100) + 100}`, }, }, 1. label 을 사용하면 표시하고자 하는 값으로 보여줄 수 있습니다.
// 클래스 명 = 'group' 설정 // 그룹 클래스 내에 '.swiper-slide-next' 라는 클래스가 있다면 felx 없다면 hidden {{video.title}} {{video.year}} 0. init="flase" 스와이퍼를 커스텀한 대로 적용하기 전까지 임의로 스와이퍼를 그리지 말라는 지시 1. 템플릿: 슬라이드 구현을 위해 swiper-container, swiper-slide 태그를 사용 전용 태그를 사용하지 않고 div 만으로도 구현이 가능합니다. 제일 하단 참조! import { CommonModule } from '@angular/common'; import { CUSTOM_ELEMENTS_SCHEMA, Component, OnInit } from '@angular/core..
class="hover:bg-primary hover:text-white hover:scale-[1.2] transition-transform" 1. force element state -> :avtive, :hover, :focus 등 2. scale : 확대 효과 3. transition-transform : 서서히 커지도록 애니메이션 효과
constructor(private readonly router: Router) {} ngOnInit(): void { this.router.events .pipe(filter((ev) => ev instanceof NavigationEnd)) .subscribe({ next: (ev) => { console.log(this.router.url); }, }); }
@import "swiper/css"; 0. global.scss 에 로드 1. 템플릿 : 스와이퍼 전용 태그 사용 import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectorRef, Component, HostListener, OnInit, ViewChild, signal, } from '@angular/core'; import { register } from 'swiper/element/bundle'; import Swiper from 'swiper'; register(); @Component({ selector: 'app-section1', templateUrl: './section1.section.html', styleUrls: ['./section1.section.scs..