반응형

JavaScript 4

Java Script AJAX

AJAX : 비동기식 통신(request를 보내고 response가 돌아오기 전까지 다른일을 하다가 응답이 오면 처리한다) 동기식은 요청을 보내고 응답이 올때까지 아무것도 못한다. xml : ex) 태그로 이루어져 있고 그 안에 데이터를 넣는 형태 ajax 기본구조 javaScript 에서의 객체 처럼 {}안에 . url : 내가 요청할 server url type: get / post -> 전송할 데이터가 있을때 필수로 적고 받아오기만 할때 생략가능 get방식 쿼리스트링에 데이터를 보낼때 ? key = value & key=val 형식으로 보낸다. success, error -> 성공, 실패 했을때의 함수 ( 화살표 함수 등 여러 함수표현 가능) AJAX 데이터 전송방식 -> CSV, XML, JSON..

JaVaScript jQuery

JavaScript로는 이미지를 리스트에 담아서 리스트 반복문에 넣어서 이미지의 크기를 설정해줘야 하는데 jQuery에서는 간단하게 바꿀 수 있다. jQuery 문법 html : 태그요소에 접근 css : 스타일 변경 on : 이벤트 추가(키보드,마우스 등) attr : 속성 (src, href, value등) ex01jQuery사용법.html 안현진 최태양 손지영 빅데이터반😀 기분좋은 월요일~ ex02jquery.html 안녕 div2 div3 div4 ex03jqeury이벤트.html 클릭 클릭2 jQuery의 Event 종류 ex04jquery이벤트.html ex05감중이의여행.html LEFT RIGHT 조작메소드 ex06조작메소드.html 여기는 div1

Java Script DOM

Document: HTML 렌더링에는 렌더링 엔진 필요 렌더링엔진 렌더링엔진: 웹페이지를 렌더링하기 위해 웹 브라우저에서 사용하는 소프트웨어 렌더링 순서 DOM Tree : 태그의 상하관계 , Style Rule : CSS , DOM : DOM Tree와 Style Rule이 병합되어 만들어 진다 내부 Javascript 외부 Javascript 인라인 Javascript ex02DOM.html 빅데이터반 화이팅 오늘 점심은 뭐 먹지? ex03DOM.html 클릭 해보기 ex04DOM실습.html 클릭 한 번 해볼까요? h1태그 생성 a태그 생성 ul태그 생성 ex05DOM실습.html 클릭 복습 자바스크립트 1) 객체 : 속성, 메소드를 하나로 묶은 자료형 ex) let person= { 속성명 : 값..

Java Script 배열, 함수, 객체

배열, 객체 자바스크립트의 배열은 크기가 고정적이지 않다 -> 자바의 ArrayList와 비슷하다 ex11배열.html 배열실습 ex12배열실습.html 함수 함수: 특정기능을 수행하는 소스코드를 하나로 묶어 필요할 때마다 호출하여 사용하기 위한 구조 ex01함수기초.html ex02함수특징.html 함수 실습 객체 이때 속성은 property, 동작은 메소드 라고 표현한다. ex01객체.html 객체 안에서의 this는 객체 자체를 가리킨다. 또한 어디서 쓰이는지(함수, 생성자)에 따라서 역할이 달라진다.

반응형