Just Fighting

Ajax(Asynchronous JavaScript and XML)는 JavaScript와 XML을 이용한 비동기적 정보 교환 기법이다. 웹페이지 전체를 다시 로딩하지 않고도, 웹페이지의 일부만 갱신할 수 있게 한다. 백그라운드 영역에서 서버와 데이터를 교환하여 웹 페이지에 표시하고 데이터를 로딩한다. JQuery에서는 Ajax 기능을 손쉽게 사용할 수 있도록 여러 메소드들을 제공한다. 제공하는 메소드를 이용하면 HTTP 요청을 쉽게 보낼 수 있고, 데이터에 종류에 따라 알맞는 메소드를 이용해 서버에 데이터를 요청할 수 있다. $.ajax({ type: "GET",// GET 방식으로 요청 url: "여기에URL을입력",// 요청할 url data: {},// 요청하면서 함께 줄 데이터 (GET 요청시엔..

JQuery 연습하기! 1. 빈칸 체크 함수 만들기 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 function q1() { // 1. input-q1의 입력값을 가져온다. $('# .... ').val() 이렇게! // 2. 만약 입력값이 빈칸이면 if(입력값=='') // 3. alert('입력하세요!') 띄우기 // 4. alert(입력값) 띄우기 let input = $('#input-q1').val() if(input == '') { alert('입력하세요!') } else { alert(input) } } 2. 이메일 판별 함수 만들기 2. 이메일 판별 함수 만들기 ..

JQuery는 Javascript를 미리 작성해둔 라이브러리! 코드가 훤씬 간결하고, 브라우저 간의 호환성 문제도 고려한 것. 사용하기 전에 import 해야 하며, 아래 코드를 head 태그 안에 써주면 된다. 닉네임과 응원댓글을 입력하고 응원 남기기 버튼을 누르면 글을 저장하는 기능을 만들고자 한다. (저장은 생략) 이름과 코멘트를 입력하는 칸을 만들고, id를 지정해준다. 태그 안에 밑에 코드 추가해야함(*22.02.21 추가) 닉네임 응원댓글 응원 남기기 부트스트랩을 사용하면 더 다양한 것을 만들 수 있다! https://getbootstrap.com/docs/5.1/getting-started/introduction/ Introduction Get started with Bootstrap, th..