본문 바로가기

분류 전체보기63

15.ajax 통신 Ajax (Asynchronous JavaScript and XML) Ajax(Asynchronous JavaScript and XML)는 자바스크립트를 이용해서 비동기적(Asynchronous)으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식을 의미한다. 브라우저에서 웹페이지를 요청하거나 링크를 클릭하면 화면 갱신이 발생한다. 이것은 브라우저와 서버와의 통신에 의한 것이다. 쉽게 말해 새로고침 없이 서버로부터 데이터를 주고 받는 기술이다. XML, Plain Text, JSON 등 다양한 포맷의 데이터를 주고 받을 수 있다. JSON (JavaScript Object Notation) JSON(JavaScript Object Notation)은 클라이언트와 서버 간 데이터 교환을 위한 규칙 즉.. 2018. 7. 9.
14. Event Event 브라우저에는 많은 이벤트가 발생합니다. 브라우저 화면의 크기를 마우스로 조절할 때도, 스크롤을 할 때도, 마우스로 이동하거나 무언가를 선택할 때도 이벤트가 발생합니다. 이벤트를 브라우저가 발생시켜주니, 우리는 그때 어떤 일을 하라고 할 일을 등록할 수가 있습니다. 다시 말해, HTML엘리먼트별로 어떤 이벤트(주로 키보드나 마우스 관련)가 발생했을 때 특정 행위를(어떤 일) 하고 싶다면, 대상엘리먼트를 찾고 어떤 일을 등록하면 된다.그것을 자바스크립트로 구현할 수 있습니다. 이벤트 등록방법 addEventListener함수를 이용합니다. 예시 : console을 확인하려면 codepen에서 확인. or 오른쪽 클릭 개발자도구에서 콘솔에서 확인가능 event type에는 어떤 것들이 있나요? 마우.. 2018. 7. 9.
프로그래밍 인터넷 강의 사이트 추천 프로그래밍을 시작하고 약 3개월간 가장 많이 찾아본 것이 프로그래밍 인터넷 강의 사이트인것 같다. 인강정보를 찾는분들께 조금의 도움이 되었으면 좋겠다. 프로그래밍 강의 1. 생활코딩 (무료) ★★★★★ : https://opentutorials.org/course/1 너무나도 유명한 사이트. 프로그래밍의 프자도 모를 때 많은 도움을 받은 사이트이다. 아직도 다 보지못한 강의가 많다. 강의해주시는 이고잉님의 꿀떨어지는 목소리에 잠에 빠져들 수 있으니 조심..! 2. 인프런 (유/무료) ★★★★ : https://www.inflearn.com/ 여러 인터넷 강의들을 한데 모아놓은 사이트. 기초적인 것부터 심화과정까지 무료, 유료인 강의들이 많다. 3. edwith (무료) ★★★★★ : https://www.. 2018. 7. 9.
13. DOM, Query Selector DOM(Document Object Model)브라우저는 웹 문서(HTML, XML, SVG)를 로드한 후, 파싱하여 DOM(Document Object Model)이라는 객체형태의 모델로 저장합니다. 그렇게 저장된 정보를 DOM Tree라고 합니다. 복잡한 DOM Tree를 탐색하기 위해 JavaScript로 탐색알고리즘을 구현하면 너무 힘듭니다.그래서 브라우저에서는 DOM(document object model)이라는 개념을 통해서, 다양한 DOM API(함수 묶음정도)를 제공하고 있습니다.브라우저는 DOM Tree를 찾고 조작하는 걸 쉽게 도와주는 여러가지 메서드를(DOM API)를 제공합니다. 1. 하나의 요소 선택document.getElementById(id)document.querySelec.. 2018. 7. 4.
반응형

티스토리툴바