일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 호버
- route
- TAILWIND
- angular animation
- flex-1
- 앵귤러 애니메이션
- mysql if
- 스크롤 이벤트
- angular route
- Ionic modal
- 검색
- Oracle LISTAGG 사용 예시
- modal
- ApexChart
- 셀렉트박스 커스텀
- formgroup
- scroll
- angular modal
- ajax 사용 예시
- egov spring ajax 사용 예시
- 아이오닉 스크롤 이벤트
- summary
- 모달
- prisma
- Angular Router
- 스크롤 이벤트 감지
- 앵귤러 모달
- 옵저버블
- angular button
- Router
- Today
- Total
목록전체 글 (599)
깜놀하는 해므찌로
`HTMLElement`와 `ElementRef`는 Angular에서 사용되는 두 가지 다른 개념입니다. 1. HTMLElement: - `HTMLElement`는 JavaScript에서 기본 제공되는 인터페이스입니다. - 웹 페이지의 HTML 요소를 나타내는 모든 요소의 기본 클래스입니다. - `HTMLElement`는 DOM (Document Object Model) 요소를 나타내는 데 사용됩니다. - HTML 요소의 속성, 스타일, 이벤트 처리 등을 조작할 수 있는 프로퍼티와 메서드를 제공합니다. - `document.getElementById()`와 같은 DOM 메서드를 사용하여 특정 요소를 가져오면 반환되는 객체의 타입은 `HTMLElement`입니다. 2. ElementRef: - `Eleme..
constructor( private location: Location, ) {} goBack() { this.location.back(); }
URL은 Uniform Resource Locator의 약어로, 웹 상에서 리소스(문서, 이미지, 동영상 등)의 위치를 식별하는 주소입니다. URL은 다양한 구성 요소로 이루어져 있으며, 각 구성 요소는 특정한 역할을 수행합니다. 아래에서 각 구성 요소와 역할에 대해 설명하겠습니다: 1. 스키마(Scheme): - URL의 시작 부분에 위치하며, 리소스에 접근하기 위해 사용되는 프로토콜을 지정합니다. - 예를 들어, `https://`, `http://`, `ftp://` 등이 스키마의 예입니다. - 스키마는 리소스에 접근하기 위한 프로토콜을 지정하는 역할을 합니다. 2. 호스트(Host): - URL에서 도메인 이름 또는 IP 주소를 나타냅니다. - 호스트는 리소스가 위치한 서버의 주소를 지정하는 역할..
yarn add @angular/youtube-player 0. 패키지 설치 cli 1. div 태그로 한 번 더 감싸서 크기 조절을 합니다. 2. 앵귤러 제공 네이티브 태그를 사용합니다. youtube-player 3. playerVars = "유튜브 옵션을 설정합니다." 4. [videoId]="getter 메소드" import { YouTubePlayerModule } from '@angular/youtube-player'; // 사이즈 조절을 위해 viewVhild 선언 @ViewChild('videoContainer')videoContainer!: ElementRef; @Input() post!: DTO; 통신 DTO youtubeWidth: number = 0; youtubeHeight: nu..
글씨 1. flex 가 아닌 text-center 를 사용해야 합니다. 당연한 건데 필자는 flex justify 로 조절하려 했음
1. 에러 원인 : ion-content 태그가 없어서 발생한 문제입니다. 2. 추가로 drag events on -> 이 부분은 content 와 연결된 이벤트가 있는데 그 부분이 없어서 발생한 것으로 보입니다. ... 3. ion-content 태그를 넣어 오류 해결 4. 제 경우 ion-menu 태그에 콘텐트 id 를 명시해서 해당 메뉴를 달았으나, ion-conent 에 id 값이 없어서 main 을 달아 해결했습니다. 5. 레이아웃 특성상 ion-content 를 사용하면 css가 깨지고 스크롤바에 css가 먹히지 않아 다르게 처리했습니다. 일반적으로 콘텐트 태그 안에 요소를 넣지만, 제 경우 오직 에러 알림 제거용도로만 ion-content 태그를 사용했습니다.