Ajax는 서버에 데이터를 요청하는 한 방법 (JQuery 라이브러리를 통해서 사용할 수 있어서 JQuery를 임포트 해줘야 한다.) Get방식 기본골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) $.ajax({ type: "GET", // GET 방식으로 요청한다. url: "데이터를 요청할 URL", data: {}, // 요청하면서 함께 줄 데이터 (GET 요청시엔 비워두세요) success: function(response){ // 서버에서 준 결과를 response라는 변수에 담음 console.log(response) // 서버에서 준 결과를 이용해..
대상 지정하기 - $('#대상') id 값이 "대상" 인 것을 지정한다. input 박스의 값을 가져오기 - $('#대상').val() // 크롬 개발자도구 콘솔창에서 쳐보기 // id 값이 url인 곳을 가리키고, val()로 값을 가져온다. $('#url').val(); // 반대로 입력할때는? val() 괄호 안에 내용을 입력한다 $('#url').val('내용을 입력하자'); 숨기기 / 보이기 - $('#대상').hide() / $('#대상').show() // 크롬 개발자도구 콘솔창에 쳐보기 // id 값이 post-box인 곳을 가리키고, hide()로 안보이게 한다. $('#post-box').hide(); // show()로 보이게 한다. $('#post-box').show(); 태그 내 ..
JQuery 란 ? HTML의 요소들을 조작하는 편리한 Javascript를 미리 작성해둔 것들. 라이브러리 Javascript로도 모든 기능을 구현할 수 있지만, 코드가 복잡하고 브라우저 간 호환성 문제도 고려해야해서 JQuery라는 라이브러리가 등장하게 됨. (특별한 소프트웨어가 아님) ex) 둘다 같은 내용의 코드 일반코드 document.getElementById("element").style.display = "none"; JQuery $('#element').hide(); 사용하려면 ? JQuery를 사용하겠다는 내용의 코드를 써주어야함. 아래의 링크에서 관련 내용을 볼 수 있음. https://www.w3schools.com/jquery/jquery_get_started.asp jQuery ..