본문 바로가기

웹 프로그래밍(풀스택-->python)59

23. Ajax 함께 연습하기 자 앞에서는 Ajax를 어떻게 이용하는지 공부해보았다. 이번에는 Ajax를 사용해보면서 연습해볼것이다. 아래 동영상을 보며 따라해보자! 2021. 4. 13.
22. Ajax 시작하기 ajax는 jquery를 임포트한 페이지에서만 작동한다. 예를들어 내가 만든 이 사이트에서는 ajax를 이용 가능하지만, 구글과 같은 사이트에서는 ajax를 이용 불가하다 ... 그렇다면 ajax란 무엇인가? AJAX (Asynchronous Javascript And XML) AJAX란, JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자이다. 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 이며 JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이다. 즉, 쉽게 말하자면 자바스.. 2021. 4. 13.
21. 서버-클라이언트 통신 이해하기 자 자바스크립트 서버-> 클라이언트를 쉽게 해주는 json에 대해서 이해해보자! --> 위와 같이 미세먼지 api를 다운받아서 링크해보면 알아볼수 없는 문자들이 나오지만 그 문자들을 jsonview로 나타내면 딕셔너리 리스트값으로 표현이 되는것을 알수가 있다. 클라이언트가 서버에게 데이터를 요청(얻어내고자)할때에도 "타입"이라는게 존재한다고 한다. GET타입은 -->통상적으로 데이터를 조회(READ)할떄 이용한다.(ex:영화 목록 조회) POST타입은 --> 통상적으로 생성(CREATE),변경(UPDATE),삭제(DELETE)할떄 사용한다.(ex:회원가입,회원탈퇴,비밀번호 수정) 그렇다면 GET타입에 대해서 조금더 자세히 알아보자! 1. movie.naver.com은 서버의 주소, 예를 들어 우리은행 용.. 2021. 4. 10.
20. Quiz_JQuery 연습하기 요번 jquery를 배우면서 공부한 새로운 내용을 적어볼까 한다. jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 [완성본]2-3. 이메일 도메인만 얼럿 띄우기 클릭 3. HTML 붙이기/지우기 연습 3-1. 이름을 입력하면 아래 나오게 하기 [완성본]3-2. 다지우기 버튼을 만들기 이름 붙이기 다지우기 세종대왕 임꺽정 이렇게 공부하자! 2021. 4. 9.
반응형

티스토리툴바