반응형
한 줄에 이미지 두 개씩 나와야 하는데 높이 달라서 2개 1개 이런식으로 나오는 문제 해결 (object-fit, aspect-ratio 사용)

한 줄에 이미지 두 개씩 나와야 하는데 높이 달라서 2개 1개 이런식으로 나오는 문제 해결 (object-fit, aspect-ratio 사용)

# 문제 이미지가 한 줄에 두개 씩 나와야 하는데 이미지 마다 크기가 달라서 그런지 2개 1개 이렇게 나오는 문제가 발생함 # 구조구조는 ul li 안에 각각의 img가 있는 상태였음 # 해결각 img에 아래 코드 적용되도록 하였음 img { width: 100%; aspect-ratio: 1 / 1; /* 정사각형 비율로 고정 */ object-fit: cover; /* 잘라도 좋으니 꽉 채워서 보여줌 */ }

  • format_list_bulleted 웹/CSS
  • · 2025. 6. 13.

클라우드 정리

✅ 전체 요청 흐름 (Cloud Armor까지)예: 클라이언트가 https://www.example.com/wp-admin/login 접속했다고 가정DNS A레코드 IP는 3x.160.xxx.50🔢 1. 클라이언트가 도메인 접속브라우저가 www.example.com 입력 → DNS 조회A레코드: 3x.160.xxx.50 확인됨클라이언트는 3x.160.xxx.50:443 으로 접속 시도 (HTTPS)🔢 2. GCP의 Forwarding Rule이 응답GCP는 클라이언트의 IP:포트 요청을 보고 매칭되는 전달 규칙을 찾음예: 3x.160.xxx.50:443 → new-https-lb-forwarding-rule이 전달 규칙은 new-https-lb-target-proxy 라는 Target HTTPS Pr..

  • format_list_bulleted 웹/구글 클라우드 플랫폼
  • · 2025. 5. 30.
VSCODE - sftp 세팅

VSCODE - sftp 세팅

1. SFTP 익스텐션 설치 2. Ctrl + Shift + P => sftp:config 선택 후 아래 값 세팅 3. PPk 파일

  • format_list_bulleted 웹/VSCODE
  • · 2025. 5. 23.

저장 시 코드 자동 정렬 옵션 해제

https://yeun-devlog.tistory.com/entry/Visual-Studio-%EC%A0%80%EC%9E%A5-%EC%8B%9C-%EC%9E%90%EB%8F%99%EC%A0%95%EB%A0%AC-%ED%95%B4%EC%A0%9C

  • format_list_bulleted 웹/VSCODE
  • · 2025. 5. 20.

sourcetree - 커밋 비교 사항 vscode로 보기

https://iyerl.github.io/dev/sourcetree-compare.html [Sourcetree] 외부 비교 - Visual CodeSourceTree, 그리고 Compare 도구로써 Visual Codeiyerl.github.io

  • format_list_bulleted 웹/VSCODE
  • · 2025. 5. 12.

vscode 단축키

코드 언어 모드 선택 : 컨트롤 + K M

  • format_list_bulleted 웹/VSCODE
  • · 2025. 5. 12.
반응형