728x90 반응형 프로그래밍118 CDN 사용하여 jQuery 프로젝트 설치하기 목 차1. CDN이란?2. jQuery CDN 확인하기2-1. 현재 압축된 안정 버전 (minified)2-2. 압축되지 않은 안정 버전 (디버깅용)3. 프로젝트 jQuery 설치 1. CDN이란?CDN(Content Delivery Network)은 전 세계에 분산된 서버 네트워크를 통해 라이브러리를 빠르게 제공하는 시스템입니다.브라우저가 동일한 jQuery 파일을 이미 캐시하고 있을 가능성이 커서 로드 속도가 빨라짐.서버 부하를 줄일 수 있음. 2. jQuery CDN 확인하기 jQuery CDN 주소는 jQuery 공식 웹사이트에서 항상 최신 버전을 확인할 수 있습니다. 2-1. 현재 압축된 안정 버전 (minified) 2-2. 압축되지 않은 안정 버전 (디버깅용) 3. 프로젝트 jQuery .. 2024. 11. 30. jQuery란 무엇인가? 목 차1. jQuery가 뭘까요?2. 주요 특징3. jQuery 기능4. jQuery의 필요성5. jQuery의 한계 1. jQuery가 뭘까요?jQuery는 JavaScript로 웹 애플리케이션을 더 간단하고 효율적으로 개발할 수 있도록 설계된 JavaScript 라이브러리입니다. 2. 주요 특징1) 간단한 문법DOM 조작, 이벤트 처리, 애니메이션 등을 적은 코드로 간단하게 구현할 수 있습니다.2) 크로스 브라우저 호환성 다양한 브라우저에서 일관된 동작을 보장하며, 브라우저 호환성을 처리하는 코드를 줄여줍니다.3) 풍부한 플러그인 생태계 jQuery 기반의 플러그인을 활용하여 슬라이더, 모달 창, 날짜 선택기 등 다양한 기능을 손쉽게 구현할 수 있습니다.4) AJAX 요청 지원 서버와 비동기적으로 .. 2024. 11. 29. [JavaScript] 텍스트 복사 예제 소스 목 차1. 개요2. 주요 코드 설명3. 예제 소스4. 예제 소스 실행 테스트 1. 개요클립보드 API를 사용해서 자바스크립트로 간단하게 텍스트 복사하는 방법에 대해 소개하겠습니다.예제 소스를 사용해서 여기 블로그에도 바로 테스트할 수 있도록 마지막에 구현해 놓도록 하겠습니다. 2. 주요 코드 설명 navigator.clipboard.writeText() : 클립보드 API로 텍스트를 복사합니다. 최신 브라우저에서 지원됩니다. select()와 setSelectionRange() : input 요소의 내용을 선택하는 데 사용되며, 모바일 환경에서도 복사를 지원합니다.참고글 : [JavaScript] select()와 setSelectionRange() 메서드 catch() 블록 : 복사 실패 시 오류를.. 2024. 11. 29. [JavaScript] html 요소에 focus 주는 방법 목 차1. focus 메서드란?2. 문법3. 주요 특징3-1. 포커스 가능한 요소에만 동작3-2. 자동 스크롤3-3. 유효성 검사와 함께 작동4. 예제4-1. 입력 필드에 포커스 설정4-2. 포커스 자동 설정4-3. preventScroll 사용4-4. tabindex로 포커스 설정5. 주의 사항 1. focus 메서드란?JavaScript의 focus 메서드는 특정 HTML 요소에 프로그래밍적으로 포커스를 설정하는 데 사용됩니다. 일반적으로 입력 필드(예: , 등)나 버튼과 같은 요소에서 활용되며, 사용자 입력이나 접근성을 개선하는 데 유용합니다. 2. 문법 element.focus(options); element: 포커스를 설정하려는 HTML 요소.options (선택 사항): 포커스 동작을 제어.. 2024. 11. 28. [JavaScript] 자바스크립트 팝업창 오픈 방법 목 차1. window.open() 메서드란?2. window.open() 메서드 기본 문법3. 팝업창 열기 예제 소스4. 팝업 크기와 속성 설정 예제 소스5. 팝업이 차단이 되지 않도록 하는 팁 1. window.open() 메서드란? JavaScript를 사용하여 팝업 브라우저를 열기 위해서는 window.open() 메서드를 사용하면 됩니다. 이 메서드는 새 창이나 탭을 열어 특정 URL을 표시할 수 있습니다. 2. window.open() 메서드 기본 문법 window.open(url, target, features);url: 열고자 하는 페이지의 URL (예: 'https://example.com'). 빈 문자열로 두면 빈 창이 열립니다.target: 새 창의 이름 또는 동작 (예: _blan.. 2024. 11. 28. [JavaScript] 문자열 공백 제거 메서드 (trim()) 목 차1. trim() 메서드란?2. trim() 메서드의 주요 특징3. 문법4. 예제4-1. 기본 사용 예제4-2. 공백 제거의 결과 확인4-3. 다양한 공백 제거 문자 확인4-4. 문자열 비교시 공백 제거5. 관련 메서드5-1. trimStart()5-2. trimEnd() 1. trim() 메서드란?JavaScript에서 trim() 메서드는 문자열의 양쪽 끝에 있는 공백(whitespace)을 제거하는 데 사용됩니다. 이 메서드는 문자열의 중간에 있는 공백에는 영향을 미치지 않습니다. 2. trim() 메서드의 주요 특징 문자열의 양 끝에 있는 공백(스페이스, 탭, 줄바꿈 등)을 제거합니다.원본 문자열을 수정하지 않고, 새로운 문자열을 반환합니다.문자열에 포함된 공백 문자 종류 :스페이스(\u0.. 2024. 11. 26. 이전 1 2 3 4 5 6 7 8 ··· 20 다음 728x90 반응형