바다는 비에 젖지 않는다

jQuery를 이용하여 웹사이트 포스팅 박스를 제어해보자. 먼저 제어를 위해 index.js에 function을 만들어야한다. 포스팅 박스를 여는 openBox() 포스팅 박스를 닫는 closeBox() 라고 작성하자. 포스팅 박스의 id="post-box" 이다. jQuery를 이용해 제어해보면 function openBox(){ $('#post-box').show(); } function closeBox(){ $('#post-box').hide(); } 포스팅박스의 id는 post-box이다. .show()를 이용하면 #post-box의 CSS display 속성을 block으로 바뀌게 되고 박스가 보이게 된다. .hide()를 이용하면 #post-box의 CSS display 속성이 none으로 바..

내의 값 가져오기 책 URL // id 값이 url인 곳을 가리키고, val()로 값을 가져온다. $('#url').val(); // 값을 입력할때 $('#url').val('값값값'); div 보이기 / 숨기기 // id 값이 url-box인 곳을 가리키고, hide()로 안보이게 한다. $('#url-box').hide(); // show()로 보이게 한다. $('#url-box').show(); 태그 내 html 입력하기 ~ 내에, 동적으로 html을 넣고 싶을 땐? (예를 들어, 포스팅시 카드 추가) 카드가 붙는 div 에 id를 추가해준다. 제목 설명 ⭐⭐⭐ 한줄 평 let title = "돈의 속성"; let temp_html = ` ${title} 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐..

jQuery가 무엇이냐? HTML의 요소들을 조작하는데 있어 편리한 Javascript로 미리 작성해 놓은것(Javascript library) Javascript로도 모든 기능(예 - 버튼 글씨 바꾸기 등)을 구현할 수는 있지만 1. 코드가 복잡하고 2. 브라우저 간 호환성 문제도 고려해야해서 jQuery라는 라이브러리가 등장하였다. 라이브러리는 전문 개발자들이 짜둔 코드를 가져와서 사용하는 것이다. 그렇기 때문에 사용하기 위해서 import를 해주어야 한다. 그럼 어떻게 더 편리한가? jQuery와 Javascript 코드 비교 // In javascript document.getElementById("element").style.display = "none"; // In jQuery $('#elem..