WEB/JavaScript
-
[JavaScript] Ajax를 사용하는 이유WEB/JavaScript 2020. 9. 22. 17:41
1. 요청에 대한 응답을 Html이 아닌 Data(JSON)으로 받기 위해서 고객이 사용하는 클라이언트는 크게 2가지로 웹과 앱이 있으며, 일반적으로 서버로부터 응답받을 때 웹은 HTML 파일을 받고 앱은 데이터(JSON)를 받는다. 이것은 서버를 이원화하여 구축한 것을 의미하며 이때 '서버를 통합하여 각각의 클라이언트에게 응답해줄 순 없을까?'라는 의문점에서 고안된 방법이 Ajax 통신이다. Ajax 통신을 사용하면 웹은 서버로부터 데이터(JSON)를 리턴 받을 수 있으며 그렇게 되면 서버의 분리 필요 없이 하나의 서버로 각각의 클라이언트 요청을 받아 응답해줄 수 있게 된다. 대신 웹 클라이언트는 추가적인 요청을 통해 HTML 파일을 받아야 한다. 2. 비동기 통신을 하기 위해서 비동기란 순서에 상관없..
-
[JavaScript] 자바스크립트 기초WEB/JavaScript 2020. 7. 8. 22:28
index.html Hello World! index.css body { background-color: peru; } h1 { color: #34495e; transition: color 0.5s ease-in-out; } .clicked { color: #7f8c8d; } index.js // const title = document.getElementById("title"); // const title = document.getElementsByClassName("btn"); const title = document.querySelector("#title"); const CLICKED_CLASS = "clicked"; function handleClick() { // const hasClass = ..
-
[jQuery] 제이쿼리란? 제이쿼리 다운로드, 사용법WEB/JavaScript 2019. 10. 18. 22:53
jQuery(제이쿼리)란? 2006년 1월, John Resig이 BarCamp NYC에서 발표한, 모든 브라우저에서 동작하는 클라이언트 자바스크립트 라이브러리 무료로 사용 가능한 오픈 소스 라이브러리이며 다음과 같은 기능을 위해 제작됐다. 1. 문서 객체 모델과 관련된 처리를 쉽게 구현 2. 일관된 이벤트 연결을 쉽게 구현 3. 시각적 효과를 쉽게 구현 4. ajax(비동기 통신을 위한 기법) 애플리케이션을 쉽게 개발 제이쿼리 다운로드 http://jquery.com 에 접속해서 빨간색 표시된 부분 아무곳이나 들어가서 다운받으면 된다. 본인은 현재 공부하는 교재에서 제공해주는 제이쿼리 1.10.2 버전을 사용하고 있으므로 구버전을 통해 제이쿼리 사용법을 보여줄 예정!) 제이쿼리 사용법 제이쿼리 사용법에..