CSS를 사용하여 유튜브 동영상을 반응형으로 만드는 방법을 설명하겠습니다.HTML 구조먼저 유튜브 iframe을 div로 감싸는 구조가 필요합니다: CSS 스타일링반응형 동영상을 위한 CSS 코드:.video-wrap { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden;}.video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }작동 원리이 방식이 작동하는 원리는 다음과 같습니다:div 컨테이너에 p..

1. 사용법$(document).ready(function() { $('.textarea-count').each(function() { var $textarea = $(this); var $counter = $textarea.next('.character-counter'); var maxLength = $textarea.attr('maxlength'); // 초기 카운터 텍스트 설정 $counter.text('0/' + maxLength); $textarea.on('input', function() { var text = $textarea.val(); var..

1. 함수function getYoutubeId($url) { // 유튜브 URL 형식에 맞는 정규식 패턴 (youtu.be, youtube.com/watch, embed, v, shorts 지원) $pattern = '/(?:youtu\.be\/|youtube\.com\/(?:watch\?v=|embed\/|v\/|shorts\/))([^#&?]{11})/'; // 정규식을 사용해 URL에서 비디오 ID 추출 preg_match($pattern, $url, $matches); // 추출된 ID가 11자리인지 확인 후 반환, 아니면 false 반환 return (isset($matches[1]) && strlen($matches[1]) == 11) ? $ma..

2024-11-13, 2024-11-16 일 입력하면 2024-11-13, 2024-11-14, 2024-11-15, 2024-11-16을 반환하는 함수를 입니다.원하면 시작날짜, 종료날짜를 각각 뺄 수 있게 만들었습니다. 함수/** * 두 날짜 사이의 날짜들을 배열로 반환하는 함수 * * @param string $from 시작일 (YYYY-MM-DD 형식) * @param string $to 종료일 (YYYY-MM-DD 형식) * @param bool $first 시작일 포함 여부 (true: 포함, false: 미포함) * @param bool $last 종료일 포함 여부 (true: 포함, false: 미포함) * @return array|false ..

기본적인 코드로만 구현한 다크모드다크모드 토글 버튼을 누를 때마다 로컬스토리지에 현재 모드를 저장해서 불러오는 코드 입니다.css는 일반, 다크모드 따로 분리해서 파일로 만들어주면 조금 더 쉽게 만들 수 있습니다.   예제) 다크 모드 예제 다크 모드 토글

로컬스토리지 사용방법: 저장, 수정, 삭제로컬스토리지(LocalStorage)는 웹 브라우저에서 데이터를 클라이언트 측에 영구적으로 저장할 수 있는 기능입니다. 이 기능은 페이지가 새로고침되거나 브라우저가 닫혀도 데이터가 유지된다는 장점이 있습니다. 이번 글에서는 로컬스토리지의 저장, 수정, 삭제 방법을 중심으로 설명하겠습니다.로컬스토리지의 주요 특징데이터 영구성: 브라우저 종료 후에도 데이터가 유지됩니다.문자열 형식: 모든 데이터는 문자열로 저장되며, 객체나 배열은 JSON 형식으로 변환해야 합니다.5MB 용량 제한: 각 도메인당 약 5MB의 데이터를 저장할 수 있습니다.도메인 기반: 동일한 도메인 내에서만 데이터가 공유됩니다. 1. 로컬스토리지 기본 메서드1.1 데이터 저장하기로컬스토리지에 데이터를 ..

SQL 오류 (1067): Invalid default value for 'XXXXX'라는 오류가 발생해서 테이블 수정이 안되는 현상입니다.MySQL에서 발생하는 "Invalid default value (1067)" 오류에 대한 해결 방법을 설명하겠습니다:오류 발생 원인이 오류는 주로 다음과 같은 상황에서 발생합니다:TIMESTAMP나 DATETIME 컬럼에 잘못된 기본값을 설정할 때MySQL의 sql_mode에 NO_ZERO_DATE나 NO_ZERO_IN_DATE가 설정되어 있을 때해결 방법1. SQL Mode 확인SHOW VARIABLES LIKE 'sql_mode'; 2. 테이블 필드 추가/수정 시 올바른 구문 사용-- 잘못된 방법ALTER TABLE table_name MODIFY COLUMN ..

주로 SNS에서 몇초전, 몇분전, 며칠전 이런 형태로 나오는 부분$limit_unit에 second, minute, hour, day, month, year를 입력받아서 최대 hour 일경우 몇 시간 전까지만 나오고 이후에는 Y-m-d H:i 형태로 나오게 옵션에서 변경 가능 합니다.function timeAgo($datetime, $limit_unit = 'day') { $now = new DateTime(); $ago = new DateTime($datetime); $diff = $now->diff($ago); // 시간 단위별 기준값 (초 단위) $limits = [ 'second' => 60, 'minute' => 3600, ..

PHP의 $_SERVER 변수는 서버와 실행 환경에 대한 다양한 정보를 제공하는 슈퍼 글로벌 배열입니다. 이 글에서는 $_SERVER 변수에 포함된 주요 항목들을 설명하고, 각각의 예제와 함께 실제로 어떻게 동작하는지 보여드리겠습니다. 예제 도메인으로 mandooya.com과 test.mandooya.com을 사용하여 결과를 확인할 수 있습니다.본론1. $_SERVER['PHP_SELF']설명: 현재 실행 중인 스크립트의 파일명을 반환합니다. 경로는 웹 루트에서부터 시작합니다.예시 코드:출력 예시:현재 스크립트 경로: /index.php2. $_SERVER['SERVER_NAME']설명: 서버의 호스트 이름을 반환합니다. 예를 들어, 웹사이트가 mandooya.com에서 실행 중이라면 이 값은 mando..

PHP 로 작업을 하다가 제대로 작동을 안하거나 에러메시지가 나오지 않는 경우 파일 상단에 아래 부분을 추가 해준다. 위 코드를 추가 하면 PHP 에러가 있을 경우 츨력 된다.  에러 메시지가 출력 안되게 하고 싶은경우는아래 코드를 넣으면 된다.