웹개발 종합반 2주차

jQuery 

전문 개발자들이 미리 작성된 JS코드 (사용전 import 필수)

 

CSS에서는 class로 이름을 붙혀줬다면 jQuery에서는 id로 해준다.

 

값 가져오기, 보내기

$('#url').val('내용') -> id가 'url'인 박스에 값을 내용으로 변경

$('#url').val()         -> id가 'url'인 박스의 값을 가져오기

 

박스 숨기기

$('#post-box').hide() -> id= 'post-box'를 숨기기

$('#post-box').show() -> id= 'post-box'를 보여주기

 

서버 - 클라이언트

* GET → 통상적으로 데이터 조회(Read)를 요청할 때 예) 영화 목록 조회

* POST → 통상적으로 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때 예) 회원가입, 회원탈퇴, 비밀번호 수정

 

AJAX

서버와 통신하기 위해 XMLHttpRequest 객체를 사용하는 것을 말하며,

JSON, XML, HTML 그리고 일반 텍스트 형식 등을 포함한 다양한 포맷을 주고 받을 수 있다.

 

장점

• 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있다.
•  웹 페이지가 로드된 후에 서버로 데이터 요청을 보낼 수 있다.
• 웹 페이지가 로드된 후에 서버로부터 데이터를 받을 수 있다.
• 백그라운드 영역에서 서버로 데이터를 보낼 수 있다.

 

2주차 명령어

a.includes('@') : a 문자열에 @가 있다면 true를 리턴

a.split('@') : a 문자열을 @를 기준으로 나눈다

$('#아이디값').attr("src",이미지URL);  -> 이미지 바꾸기

$('#아이디값').text("바꾸고 싶은 텍스트") -> 텍스트 바꾸기