실시간TV∴영화∴드라마∴예능 SMART GPT20 정규표현식 한글 특수문자 숫자 영문 분리(문자와 숫자를 제외한 모든 문자 제거) 특수문자를 제거하는 정규식은 다양하게 작성할 수 있지만, 일반적으로는 다음과 같은 정규식을 사용할 수 있습니다. $pattern = '/[^\p{L}\p{N}]/u'; $replacement = ''; $result = preg_replace($pattern, $replacement, $yourString); 이 정규식은 유니코드 문자 클래스를 사용하여 문자와 숫자를 제외한 모든 문자를 제거합니다. \p{L}는 유니코드 문자 클래스로써 모든 문자를 의미하고, \p{N}는 숫자를 의미합니다. u 플래그는 UTF-8 인코딩을 지원합니다. $yourString에는 제거하고자 하는 특수문자가 포함된 문자열을 넣어주시면 됩니다. 2024. 2. 3. 동영상의 실제 크기를 비디오 엘리먼트의 width와 height에 적용 JavaScript를 사용하여 동영상의 실제 가로세로 크기를 가져와서 엘리먼트의 속성에 할당할 수 있습니다. 다음은 해당 예제 코드입니다. Your browser does not support the video tag. 이 코드에서는 loadedmetadata 이벤트에서 비디오의 가로세로 크기를 가져와서, 그 값을 비디오 엘리먼트의 width와 height 속성에 할당하여 동영상의 실제 크기로 설정하고 있습니다. 비디오의 가로 크기를 500px로 고정하고 세로 크기를 비율에 따라 지정하는 방법 Your browser does not support the video tag. 이 코드에서는 loadedmetadata 이벤트에서 가로 크기를 500px로 고정하고, 비율을 계산하여 세로 크기를 설정하고 있습니다.. 2023. 12. 18. 이미지, 동영상, 텍스트 가로 세로 사이즈 구하기 이미지를 서버로 읽어들이지 않고 클라이언트 측에서 이미지의 크기를 확인하려면 JavaScript를 사용하여 클라이언트 측에서 이미지 객체를 생성하고 크기를 확인하는 방법이 있습니다. 이 방법은 이미지를 브라우저에서 렌더링할 때만 사용할 수 있으며, 이미지 파일 자체를 서버로 전송하지 않습니다. 예를 들어, JavaScript를 사용하여 이미지 객체를 생성하고 크기를 얻는 코드는 다음과 같을 수 있습니다. var img = new Image(); img.onload = function() { var width = this.width; var height = this.height; console.log("가로 크기: " + width + " 픽셀, 세로 크기: " + height + " 픽셀"); }; im.. 2023. 12. 16. JavaScript 원하는 자릿수의 랜덤 숫자를 생성하는 함수 JavaScript에서 랜덤한 자릿수를 생성하려면 다음과 같이 할 수 있습니다. // 원하는 자릿수의 랜덤 숫자를 생성하는 함수 function generateRandomNumber(digits) { const min = Math.pow(10, digits - 1); const max = Math.pow(10, digits) - 1; return Math.floor(Math.random() * (max - min + 1) + min); } const digits = 10; // 원하는 자릿수 입력 const randomNum = generateRandomNumber(digits); const a = { src: `./video/upload/v${randomNum}.mp3`, crossorigin: "an.. 2023. 10. 13. mix-blend-mode 블렌딩 모드를 설정하는 속성 mix-blend-mode는 CSS의 블렌딩 모드를 설정하는 속성으로, 두 개의 요소(일반적으로 요소와 해당 요소의 배경)를 섞는 데 사용됩니다. 이것은 주로 텍스트, 이미지 또는 요소 간의 블렌딩 및 합성 효과를 조절할 때 유용합니다. 다음은 각 mix-blend-mode 값에 대한 설명입니다. /* Keyword values */ mix-blend-mode: normal; 기본 값으로, 아무런 블렌딩 효과를 가하지 않습니다. mix-blend-mode: multiply; 두 색상을 곱하여 어두운 결과를 생성합니다. 검은 배경에서는 영향이 없습니다. mix-blend-mode: screen; 두 색상을 반전하고 곱하여 밝은 결과를 생성합니다. 검은 배경에서는 원래 이미지를 유지합니다. mix-blend.. 2023. 10. 6. 모바일 웹 애플리케이션에서 confirm() 및 alert() 창 대신 간단한 커스텀 모달 창 JavaScript를 사용하여 모바일 환경에 맞는 커스텀 모달 대화 상자를 구현하는 예제입니다. HTML: 모달 열기 × 이것은 커스텀 모달 대화 상자입니다. 닫기 CSS (styles.css): .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .modal-content { background-color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; border-radius: 5px; box-shadow:.. 2023. 10. 5. div 요소의 가로폭을 텍스트 내용의 길이에 따라 추출 예제 에서는 JavaScript를 사용하여 이 작업을 수행하는 간단한 코드를 보여줍니다. 여기에 텍스트 위 코드에서는 getBoundingClientRect().width 메서드를 사용하여 요소의 가로폭을 추출합니다. 이렇게 하면 텍스트 내용의 길이에 따른 가로폭을 픽셀 단위로 얻을 수 있습니다. 코드를 실행하면 브라우저 콘솔에 가로폭이 출력됩니다. 결과값 : 103.625px 가로폭이 103.625px와 같이 소수점을 포함하는 경우, JavaScript를 사용하여 해당 값을 처리하려면 일반적으로 다음과 같이 소수점 자릿수를 제한하거나 반올림하는 등의 작업을 수행할 수 있습니다. 1, 소수점 자릿수 제한: 소수점 자릿수를 제한하여 특정 자릿수까지만 표시하는 경우입니다. const width = 103.6.. 2023. 10. 1. pre 태그의 세로 길이를 JavaScript를 사용하여 동적으로 감지 아래는 태그의 세로 길이를 감지하여 콘솔에 출력하는 JavaScript 코드의 예제입니다. 위의 코드에서 detectPreHeight 함수는 태그의 세로 길이를 감지하고 console.log를 사용하여 콘솔에 출력합니다. window.onload 이벤트를 사용하여 페이지가 로드될 때 함수를 호출합니다. 이렇게 하면 페이지가 로드될 때 태그의 세로 길이가 콘솔에 출력됩니다. 이 코드를 원하는 곳에서 사용하여 세로 길이를 감지하고 필요한 작업을 수행할 수 있습니다. 감지된 길이를 css 에 바로 적용 태그의 세로 길이를 JavaScript로 감지한 후 CSS에 바로 적용하는 방법이 있습니다. 이를 위해 JavaScript를 사용하여 스타일을 동적으로 변경할 수 있습니다. 다음은 JavaScript를 사용하여.. 2023. 10. 1. 모바일 화면 회전 감지와 새로고침을 구현하는 방법 1, 화면 회전 감지와 새로고침을 구현하는 방법은 디바이스 및 브라우저에 따라 다를 수 있으며, 모든 경우에 완벽하게 작동하지 않을 수 있습니다. 다만, 다음의 예시는 대부분의 상황에서 작동하는 코드입니다.먼저, JavaScript를 사용하여 화면 회전을 감지하고, 그에 따라 페이지를 한 번만 새로 고침하는 방법입니다. let previousOrientation = window.orientation; function handleOrientationChange() { const currentOrientation = window.orientation; if (currentOrientation !== previousOrientation) { // 화면 방향이 변경되었을 때만 새로 고침 location.relo.. 2023. 9. 30. PHP URL 에 자동 링크 걸기 URL에 자동 링크를 걸기 위해서는 다음과 같은 방법을 사용할 수 있습니다. 이 방법은 정규 표현식과 함께 preg_replace() 함수를 사용하여 URL을 링크로 변환합니다. HTTP와 HTTPS URL 모두를 감지하고 링크로 변환하려면 다음과 같이 수정할 수 있습니다. 이 코드에서는 https? 정규 표현식을 사용하여 "http://" 또는 "https://"로 시작하는 URL을 모두 매치합니다. auto_link_text() 함수를 사용하여 주어진 텍스트에서 URL을 찾아 해당 URL을 태그로 감싸 링크로 변환합니다. 따라서 HTTP와 HTTPS URL 모두를 찾아서 링크로 변환할 수 있습니다. 2023. 9. 29. JavaScript encodeURIComponent()와 decodeURIComponent() encodeURIComponent()와 decodeURIComponent()는 JavaScript에서 문자열을 URI(Uniform Resource Identifier)에서 사용할 수 있는 형식으로 인코딩(escaping)하고 디코딩(unescape)하는 데 사용되는 함수입니다. 이러한 함수는 URL에서 데이터를 전달하거나 다룰 때 주로 사용되며, URI에 포함될 수 없는 문자를 처리하는 데 도움을 줍니다. 1. encodeURIComponent() 함수: encodeURIComponent() 함수는 문자열을 URI에서 사용 가능한 형식으로 인코딩합니다. 이 함수는 모든 문자를 처리하고, URI에서 안전하지 않은 문자를 이스케이프 처리합니다. 예를 들어, encodeURIComponent("Hello, .. 2023. 9. 28. JavaScript escape()와 unescape() escape()와 unescape()는 JavaScript에서 사용되는 두 개의 문자열 함수입니다. 이 함수들은 주로 문자열을 이스케이프(escape)하거나 언이스케이프(unescape)하는 데 사용됩니다. 그러나 이 함수들은 현재 사용을 권장하지 않으며, 대신 다른 방법을 사용하는 것이 좋습니다. 대신, encodeURIComponent()와 decodeURIComponent()를 사용하여 문자열을 이스케이프하고 언이스케이프하는 것이 보다 안전한 방법입니다. 1, escape() 함수: escape() 함수는 문자열에서 일부 특수 문자를 이스케이프 처리합니다. 이러한 특수 문자는 URL에서 안전하지 않은 문자로 간주되며, 주로 URL에서 사용될 때 문제가 발생할 수 있습니다. 예를 들어, escape(.. 2023. 9. 28. 자바스크립트 const 과 var 차이 const와 var는 JavaScript에서 변수를 선언하는 데 사용되는 두 가지 키워드입니다. 그러나 그들 간에 중요한 차이점이 있습니다: 변수 유효 범위 (Scope): var: var로 선언된 변수는 함수 스코프를 가집니다. 즉, 변수는 선언된 함수 내에서만 유효합니다. 함수 내에서 선언된 var 변수는 함수 내에서만 접근할 수 있으며 함수 외부에서는 접근할 수 없습니다. const: const로 선언된 변수는 블록 스코프를 가집니다. 이는 변수가 선언된 중괄호 블록 내에서만 유효하며, 블록 외부에서는 접근할 수 없습니다. 블록 스코프는 함수, if 문, for 문 등의 중괄호로 둘러싸인 범위를 의미합니다. 변수 재할당: var: var로 선언된 변수는 값을 재할당할 수 있습니다. 다시 말해, 한 .. 2023. 9. 28. JavaScript에서 URL을 암호화하고 복호화하는 방법 1, encodeURIComponent() 및 decodeURIComponent() 함수 사용 이러한 내장 함수는 URL 구성 요소를 안전하게 인코딩하고 디코딩하는 데 사용됩니다. 다음은 예제입니다. var originalURL = "https://www.example.com/page?param1=value1¶m2=value2"; var encodedURL = encodeURIComponent(originalURL); console.log("인코딩된 URL:", encodedURL); var decodedURL = decodeURIComponent(encodedURL); console.log("디코딩된 URL:", decodedURL); 2, Base64 인코딩 및 디코딩 URL을 Base64로 .. 2023. 9. 28. 스크립트 변수에 문자열 포함 확인 스크립트에서 변수에 저장된 문자열에 "https:", "http:" 이 포함되어 있는지 확인하려면 JavaScript를 사용할 수 있습니다. 다음은 간단한 JavaScript 코드 예제입니다. var myString = "여기에 문자열을 넣으세요"; // 변수에 문자열을 저장합니다. // 문자열에 "https:", "http:" 이 포함되어 있는지 확인합니다. if (myString.includes("https:") || myString.includes("http:")) { console.log("문자열에 https:, http: 이 포함되어 있습니다."); } else { console.log("문자열에 https:, http: 이 포함되어 있지 않습니다."); } 위 코드에서 myString 변수에 .. 2023. 9. 28. 이전 1 2 다음 반응형
