목록IT (598)

깜놀하는 해므찌로

Angular Change Detection Strategy / 앵귤러 변경 감지 전략

Angular에서 변경 감지 전략(Change Detection Strategy)은 컴포넌트의 변경을 감지하고 뷰를 업데이트하는 방식을 제어하는 메커니즘입니다. 변경 감지는 컴포넌트의 프로퍼티 또는 이벤트를 통해 발생하는 데이터 변경을 추적하고, 변경이 감지되면 뷰를 업데이트합니다. Angular에서는 기본적으로 `Default` 전략을 사용하며, `OnPush` 전략을 선택적으로 사용할 수 있습니다. 1. Default 변경 감지 전략: - 기본적으로 Angular에서 사용하는 변경 감지 전략입니다. - Angular는 모든 컴포넌트의 변경을 추적하고, 각 변경마다 관련된 뷰를 업데이트합니다. - 변경 감지 주기는 컴포넌트 이벤트, 타이머, HTTP 요청 등과 같은 여러 이벤트에 의해 트리거됩니다. i..
IT 2023. 9. 10. 12:43
ICMP / Ping / TraceRoute / Tracert 설명 및 활용 예시

ICMP (Internet Control Message Protocol)는 네트워크 장비 간에 제어 및 오류 메시지를 교환하기 위해 사용되는 프로토콜입니다. ICMP는 IP 프로토콜의 일부로 작동하며, IP 패킷을 통해 오류 및 제어 메시지를 전송합니다. ICMP 메시지는 네트워크 상태 모니터링, 네트워크 문제 진단 및 오류 보고 등 다양한 용도로 사용됩니다. ICMP는 여러 가지 메시지 유형을 정의하고 있으며, 각각의 메시지는 특정한 목적을 가지고 있습니다. 가장 널리 사용되는 ICMP 메시지 유형 중 일부는 다음과 같습니다. 1. 에코 요청 및 응답 (Echo Request and Reply): ICMP Echo 요청은 호스트나 네트워크 장비로부터 응답 메시지를 받기 위해 전송되는 메시지입니다. 일반..
IT 2023. 9. 10. 11:23
Angular Naver Map Api 컴포넌트 예시 / 앵귤러 네이버 지도

import { CommonModule } from '@angular/common'; import { HttpClient } from '@angular/common/http'; import { AfterViewInit, Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core'; import { LatLng } from '@common/interface'; import { SearchService } from '../../services/search.service'; declare let naver: any; // Naver 지도 API를 사용하기 위해 선언된 변수 @Component({ selector: 'app-naver-map', ..
IT 2023. 9. 9. 19:35
vi 명령어 feat.dockerfile 도커파일 예시

mkdir asd cd asd vi app.js vi dockerfile FROM node:12 COPY app.js / CMD ["node","/app.js"] 1. `mkdir asd`: `mkdir`은 디렉토리를 생성하는 명령어입니다. 여기서는 `asd`라는 이름의 디렉토리를 생성하고 있습니다. 2. `cd asd`: `cd`는 디렉토리를 변경하는 명령어입니다. `asd` 디렉토리로 이동하고 있습니다. 이제 현재 작업 디렉토리는 `asd`가 됩니다. 3. `vi app.js`: `vi`는 텍스트 편집기로서, `app.js`라는 파일을 편집하는 명령어입니다. `vi` 편집기가 열리며, 파일이 존재하지 않으면 새로 생성됩니다. 파일 이름은 `app.js`로 지정되었습니다. 4. `vi dockerfil..
IT 2023. 9. 8. 01:18
nginX.conf NginX 설정 커스텀 예시

# 예시 nginx.conf 파일 # worker 프로세스 수 설정 worker_processes auto; # 이벤트 모듈 설정 events { worker_connections 1024; } # HTTP 모듈 설정 http { # MIME 타입 설정 include mime.types; default_type application/octet-stream; # 로그 포맷 설정 log_format main '$remote_addr - $remote_user [$time_local] "$request" ' '$status $body_bytes_sent "$http_referer" ' '"$http_user_agent" "$http_x_forwarded_for"'; # 업스트림 서버 설정 upstream ba..
IT 2023. 9. 7. 18:37
Docker run options / 도커 실행 명령어 및 자주 사용되는 옵션

docker run -p -d --name web 80:80 nginx - `docker run`: 도커 컨테이너를 실행하는 명령어입니다. - `-p`: 호스트와 컨테이너 간의 포트 매핑을 지정하는 옵션입니다. 여기서는 호스트의 80번 포트와 컨테이너의 80번 포트를 매핑하고 있습니다. - `-d`: 컨테이너를 백그라운드에서 실행하는 옵션입니다. 이 옵션을 사용하면 컨테이너가 백그라운드에서 실행되며, 실행 결과가 콘솔에 표시되지 않습니다. - `--name web`: 생성된 컨테이너의 이름을 "web"으로 지정합니다. 이 이름은 컨테이너를 식별하는데 사용됩니다. - `80:80`: 호스트의 80번 포트를 컨테이너의 80번 포트와 매핑합니다. 이렇게 함으로써 호스트에서의 요청이 컨테이너의 Nginx 서버로..
IT 2023. 9. 6. 00:37
Video Tag 비디오 태그 활용 예시

- `#videos`: 이 부분은 주석으로 보이며 실제로는 영향을 주지 않습니다. 주석은 코드의 의도를 설명하거나 기타 참고 사항을 제공하는 데 사용됩니다. - `class="object-cover video"`: 이 부분은 `class` 속성을 사용하여 요소에 CSS 클래스를 할당하는 것을 나타냅니다. `object-cover`와 `video` 클래스는 CSS 스타일링을 위해 사용될 수 있습니다. - `autoplay`: 이 속성은 비디오가 자동으로 재생되도록 지정합니다. 페이지가 로드되면 비디오가 자동으로 시작됩니다. - `[muted]="true"`: 이 부분은 Angular의 바인딩 구문으로, 비디오를 음소거하는 속성입니다. `true` 값으로 설정되어 있으므로 비디오는 음소거됩니다. - `loo..
IT 2023. 9. 5. 15:19
이전 Prev 1 2 3 4 ··· 86 Next 다음