js

JavaScript

[JavaScript] HTML/CSS/JS 간단한 팝업창 만들기

2023.07.26

HTML 팝업 열기 팝업창 내용 팝업창 내용을 입력하세요. 닫기 HTML 파일에는 팝업창을 나타내기 위한 요소와 팝업창을 표시할 버튼을 만들며 일반적으로는 팝업창을 감싸는 컨테이너 요소와 팝업창 내용을 담는 요소를 포함한다. CSS .popup-container { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 9999; align-items: center; justify-content: center; } .popup-content { background-color: #fff; padding: 20px; border-radius: 8..

간단한 공부

[공부] jQuery - 제이쿼리 란?

2023.07.26

jQuery 란? jQuery는 JavaScript를 기반으로 한 라이브러리로 DOM 조작과 이벤트 처리를 더 쉽고 간결하게 만들어주는 라이브러리이다. jQuery를 사용하면 일부 JavaScript 코드를 짧게 작성하여 반복적이고 일반적인 작업을 할수있다. 예를 들어 jQuery를 사용하여 CSS 선택자를 활용하여 요소를 쉽게 선택하고 스타일을 변경하거나 이벤트 핸들러를 간단하게 연결할 수 있다, jQuery는 크로스 브라우징을 지원하여 브라우저 간 호환성 문제를 해결해준다. Vanilla JavaScript 예시 Hello, World! 클릭하여 텍스트 변경 jQuery 예시 Hello, World! 클릭하여 텍스트 변경 Vanilla JavaScript, jQuery 바닐라JS 는 순수한 JavaS..

[JavaScript] HTML/CSS/JS 간단한 팝업창 만들기

[공부] jQuery - 제이쿼리 란?

티스토리툴바