728x90 language/JavaScript6 jQuery란? DOM(Document Object Model)이란? jQuery란 -현재 가장 많이 사용하는 Ajax 라이브러리로, 이것을 사용하면 웹 애플리케이션 작성이 쉬워지며, 자바스크립트나 Ajax 및 DOM 관련 작업을 간단히 처리해준다. 제공하는 기능 -HTML/DOM작업 -CSS 작업 -HTML 이벤트 처리 -각종 효과 및 애니메이션, Ajax, 각종 유틸리티 다운로드 http://jquery.com/download/ 에서 압축된(compressed) 최신의 버전을 다운받으면된다. DOM이란? -문서 객체 모델(The Document Object Model, DOM) 은 HTML, XML 문서의 프로그래밍 interface이다. -내가 작성한 코드가 브라우저에 의해 파싱되면 DOM이 됩니다. -View Source는 그 페이지를 이루고 있는 HTML을 보여줄.. 2020. 6. 8. Ajax란? 정의,탄생배경,동작순서, 구성요소 Ajax(Asynchronous JavaScript & XML) 정의 -비동기적인 웹 애플리케이션의 제작을 위해 아래와 같은 조합을 이용하는 웹 개발 기법이다. 탄생 배경 -사용자 인터페이스는 플래시를 사용한 플러그인, 자바 애플릿, 액티브엑스 등 웹 브라우저 자체의 기능이 아닌 추가적인 기능을 사용해서 구현하는 방법밖에 없다고 생각되어져 왔다. 그러나 구글 랩이 공개된 이후 이런 생각들은 바뀌게 되었다. 자바스크립트, DOM, 스타일 시트 등의 웹 브라우저가 기본적으로 가지고 있는 기능들을 사용해도 가능하다는 것을 알게 되었다. 다만 당시에는 이런 기술을 한마디로 정의할 용어가 없어 Ajax로 불리게 되었다. -오래된 새로운 기술(이미 있었던 것을 조합해서 새롭게 발전시킨 기술)로 웹 브라우저가 기본적.. 2020. 6. 8. 동기(synchronous)와 비동기(asynchronous)의 개념과 차이 동기(synchronous : 동시에 일어나는) - 동기는 말 그대로 동시에 일어난다는 뜻입니다. 요청과 그 결과가 동시에 일어난다는 약속인데요. 바로 요청을 하면 시간이 얼마가 걸리던지 요청한 자리에서 결과가 주어져야 합니다. -> 요청과 결과가 한 자리에서 동시에 일어남 -> A노드와 B노드 사이의 작업 처리 단위(transaction)를 동시에 맞추겠다. 비동기(Asynchronous : 동시에 일어나지 않는) - 비동기는 동시에 일어나지 않는다를 의미합니다. 요청과 결과가 동시에 일어나지 않을거라는 약속입니다. -> 요청한 그 자리에서 결과가 주어지지 않음 -> 노드 사이의 작업 처리 단위를 동시에 맞추지 않아도 된다. ** 동기와 비동기는 상황에 따라서 각각의 장단점이 있습니다. 동기방식은 설계.. 2020. 6. 8. bootstrap이란? BootStrap이란? -Bootstrap은 빠르고 간편한 반응형 웹 디자인(responsive web design)을 위한 open-source front-end framework이다. -HTML, CSS, JavaScript로 만들어진 typography, 입력 양식(forms), 버튼, 테이블, 탭, 내비게이션, 모달, 이미지 캐러셀(image carousel) 등을 제공하며 추가적으로 JavaScript plugin들을 제공한다. -미리 사용될 가능성이 높은 스타일을 미리 작성하여 class화하면 같은 코드를 중복 작성하는 비효율을 줄일 수 있으며 이는 비용 절감과 품질의 향상으로 이어진다. -Bootstrap은 이처럼 미리 선언해 놓은 다양한 class와 자바스크립트 코드로 이루어진 프론트엔드 .. 2020. 6. 8. JSON이란? JSON (JavaScript Object Notation) JavaScript Object Notation라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식 Javascript에서 객체를 만들 때 사용하는 표현식을 의미한다. JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용한다. JSON은 데이터 포맷일 뿐이며 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법일 뿐이다. JSON 특징 서버와 클라이언트 간의 교류에서 일반적으로 많이 사용된다. 자바스크립트 객체 표기법과 아주 유사하다. 자바스크립트를 이용하여 JSON 형식의 문서를 쉽게 자바스크립트 .. 2020. 6. 7. javascript란? HTML : 웹페이지의 구조를 만들어준다. (마크업 언어) CSS : 웹페이지에 디자인을 입혀준다. (스타일 규칙 언어) JavaScript : 웹페이지가 동적으로 움직이도록 만들어준다. (스크립트 언어) JavaScript란? JavaScript는 웹을 위한 인터프리터 언어이자 객체기반의 스크립트 프로그래밍 언어이며 HTML의 특정 요소(들)을 선택하여 다양한 이벤트 (마우스 클릭, 키보드 입력 등)에 따라 어떤 동작을 하도록 기능을 넣을 수 있으며 발생하는 이벤트에 따라 HTML, CSS를 조작할 수도 있고 그 외에도 여러가지를 할 수 있다. JavaScript의 역사 자바스크립트는 1995년에 넷스케이프(Netscape)의 브렌던 아이크(Brendan Eich)에 의해 만들어졌다. 처음에는 모카(M.. 2020. 6. 7. 이전 1 다음 728x90
