잇뉴얼 (IT_Manual)

[JQuery] HTML 요소 숨기기 / 보여주기 (hide, show) ▶ HTML 요소 숨기기 - hide() 제이쿼리를 이용해서 간단하게 HTML요소를 숨길수가 있습니다. 텍스트 입력창 숨기기 코드를 보면, 태그안에 숨길 요소에 'id'를 작성해준 다음, 위쪽에 태그 안의 자바스크립트에 'hide_fun()'이라는 함수를 선언한 다음, 해당 함수 안에 '$("#text_box").hide();'이라 작성을 해놓았습니다. 해당 코드가 'text_box'라는 id를 가진 태그를 숨겨주게됩니다. 그리고 이 함수를 실행하기 위해, 버튼을 하나 생성한 다음, 'onclick'속성을 추가시켜서 해당 함수를 실행할 수 있도록 코드를 구성하였습니다. ▶ HTML 요소 보여주기 - show() 제이쿼리를 이용해서 ..

[JQuery] 제이쿼리 임포트 & 사용방법 자바스크립트를 공부하시는분이라면 '제이쿼리(JQuery)'를 들어보셨을껍니다. '제이쿼리'는 자바스크립트를 미리 작성해둔 라이브러리로 자바스크립트에서 복잡했던 코드를 간결하게 만들어주는 역할을 하는데요. // 자바스크립트 코드 document.getElementById("element").style.display = "none"; // 제이쿼리 코드 $('#element').hide(); 위의 코드를 보더라도, 제이쿼리의 코드가 간결하다는것을 확인할 수 있습니다. 단 이 '제이쿼리'를 사용하기 위해서는 코드를 임포트 해줘야 사용이 가능합니다. ▶ 제이쿼리 임포트 (import) 위의 코드를 작성하지 않는다면, 제이쿼리코드 작성시 에러가 발생할 수 있으니, 꼭 ..

[JavaScript] 자바스크립트 경고창 띄우기 ▶ 목표 웹페이지에서 버튼을 눌렀을 경우, 경고창의 띄우기 자바스크립트 코드 (HTML 내부 작성) 태그안에 태그를 작성 후, 자바스크립트 코드를 작성합니다. 자바스크립트안에 'alert_fun()'함수를 선언한 다음 웹페이지에서 '경고창'을 띄우기 위해 'alert(원하는 내용)'을 작성해줍니다. HTML 태그 버튼을 눌러주세요. 태그안에 태그를 생성해줍니다. 코드를 보면, 'onclick'이 보이는데요. 'onclick'은 자바스크립트의 함수를 불러오는 역할을 하게됩니다.