2025/11 4

CSS aspect-ratio 속성 (요소의 가로세로 비율 지정)

aspect-ratio는 CSS에서 요소의 가로세로 비율을 지정하는 속성으로, 한쪽 크기만 설정해도 나머지 크기가 자동 계산되어 일정한 비율을 유지할 수 있게 해줍니다. aspect-ratio 속성은 요소의 가로세로 비율(너비 대비 높이 비율, 종횡비)을 설정합니다. 특히, 이미지(img)나 비디오 동영상(video), div 요소 등 요소 박스의 가로(너비) 세로(높이) 비율을 쉽게 유지하거나 조정, 설정할 수 있습니다. 형식 구문selector { aspect-ratio: auto || /* : - 가로(숫자)/세로(숫자): 가로 대비 세로의 비율입니다. - 슬래시(/)가 없을 경우 가로/세로 비율의 값(숫자)입니다. */} 값auto: 고유..

카테고리 없음 2025.11.21

자바스크립트 배열 concat : 배열 합치기

배열의 concat() 함수는 하나 이상의 배열 또는 값들을 전달된 순서대로 합쳐서 새로운 배열을 만듭니다. 이 함수는 여러 배열을 하나로 병합하거나, 배열과 값을 함께 이어 붙일 때 유용합니다. 특징여러 배열을 원하는 순서대로 이어서 합칠 수 있습니다.각 배열의 요소는 전달된 순서대로 이어 붙여져 병합된 새로운 배열이 만들어집니다.배열에 하나 이상의 값을 순서대로 추가할 수 있습니다.원본 배열은 변경되지 않으며, 합친 결과를 담은 새로운 배열을 반환합니다.예시const array1 = [1, 2, 3];const array2 = [4, 5, 6];// 두 개의 배열 합치기(연결하기)const twoConcatarray = array1.concat(array2);console.log(twoConcatar..

카테고리 없음 2025.11.18

자바스크립트 pop - 배열 마지막 요소 제거

pop() 함수는 배열의 마지막 요소를 제거하는 함수 구문arr.pop() 특징배열의 마지막 요소를 제거원본 배열 자체를 직접 수정이 동작으로 배열의 길이가 하나 줄어듭니다.제거된 요소를 반환기본 예제const arr = [1, 2, 3];// 배열의 마지막 끝의 요소를 제거합니다.arr.pop();console.log(arr); // 출력: [1, 2] 주의사항반환 값pop() 함수는 제거한 요소를 반환const fruits = ["apple", "banana", "cherry"];const removedFruit = fruits.pop();console.log(removedFruit); // 출력: "cherry" 원본 배열 수정pop() 함수는 원본 배열을 수정 const fruits = ["app..

카테고리 없음 2025.11.13

PHP str_replace() 함수 – 문자열을 다른 문자열로 교체

str_replace() 함수는 문자열에서 특정 문자열을 검색해서 다른 문자열로 바꾸는(치환) 함수입니다. str_replace() 함수는 주어진 문자열 안에서 지정한 문자열을 검색해서 대체 문자열로 교체하는 역할을 합니다. 기본 예제$str = 'Hello, world!';$new_str = str_replace('world!', 'universe!', $str);echo $new_str; 지정한 고정된 문자열로 검색하는 대신 패턴을 기반으로 검색해서 텍스트를 교체하려면 preg_replace()를 사용 구문str_replace( array|string $search, array|string $replace, string|array $subject, int &$count = nul..

카테고리 없음 2025.11.03