본문 바로가기

JavaScript27

19. JSON (JSON 기본구조, XML, JSON 관련함수) ○ JSON - JavaScript Object Notation - 비동기식 통신(문자단위 통신)에서 XML을 대체하는 포맷이다 - AJAX, NoSQL DB 등에서 주로 사용되는 포맷(표기법) - 배열을 객체화 ○ JSON 기본구조 - 속성:값 쌍으로 데이터가 구성되어 있다 - 속성(name, property, key), 값(value) - name구성시 " '기호는 생략가능하다 - {}안에 데이터를 저장한다 - 형식) {name:value, "name":value, 'name':value, ~~~} {driver:"OracleDriver", "username":"system", 'password':1234} ○ XML 문법 - 여는 태그와 닫는 태그로 구성 (반드시 둘 다 있음) - custom ta.. 2022. 6. 19.
02. jQuery, Event (이벤트 처리, 이벤트 종류) ○ 이벤트(event) - 웹사이트 방문자가 하는 행위 (참고 : 자바스크립트 이벤트 ) - 마우스, 키보드 조작 등 - 특정 요소에서 발생하는 이벤트를 처리하기 위해 함수를 작성하여 연결해야 함 ○ jQuery에서 이벤트 처리 - 형식) ① $(선택자).이벤트(function(){ 실행할 제이쿼리 코드 }); ② $(선택자).on(이벤트, function(){ 실행할 제이쿼리 코드 }); 아이디 : ID중복확인 회원가입 다시쓰기 - id="btn_idcheck" 클릭했을 때 팝업창 띄우기 $("#btn_idcheck").click(function(){ window.open("blank.html", "popwin", "width=350, height=300") }); - id="btn_join" 클릭했을.. 2022. 6. 3.
01. jQuery 시작 (오픈소스 사용방법, 기본 문법) ○ jQuery - JavaScript 라이브러리화 - JavaScript를 편하게 사용할 수 있도록 단순화시킴 - JavaScript는 브라우저에 내장되어 있지만, jQuery는 파일 필요함 ○ jQuery 오픈소스 사용방법 ① jQuery 라이브러리를 제공하는 해당사이트 직접 링크 ② jQuery 라이브러리를 직접 다운받아서 사용 (추천) - jquery-3.6.0.min.js 파일 다운로드 - 다운로드 링크 : https://jquery.com/download/ - Download the compressed, production jQuery 3.6.0 → 우클릭 → 다른이름으로 링크 저장 → jquery-3.6.0.min.js 다운 - jquery-3.6.0.min.js을 다운받은 경로에 잘 맞춰서.. 2022. 6. 3.
18. JavaScript 연습문제 (이미지스크롤) ● PRACTICE 연습문제 Q1) 풍선 이미지 스크롤 (자바스크립트 총정리) - 4개의 풍선이미지가 왼쪽으로 이동하도록 이미지스크롤 2022. 5. 11.
17. JavaScript 이벤트(Event) ○ 이벤트 (Event) - 이벤트 : 웹사이트 방문자가 하는 행위 - 자바스크립트는 주로 이벤트를 발생시킨 후 함수를 호출함으로써 실행한다 - 기본 이벤트의 종류 ① onchange : 다른 객체로 바뀌었을 때 ② onclick : 클릭했을 때 ③ onmouseover : 마우스가 올려졌을 때 ④ onmouseout : 마우스가 올라갔다 나갔을 때 ⑤ onkeydown : 키보드를 눌렀을 때 ⑥ onload : 페이지 로딩이 끝났을 때 ⑦ onsubmit : 서버로 해당 폼이 전송될 때 ○ 마우스 관련 이벤트 - onclick, onmouseover, onmouseout ○ onkeydown ○ onchange 서울 제주 부산 ○ onload ○ 커서 관련 이벤트 - onfucus : 텍스트 입력 상자.. 2022. 5. 10.
16. JavaScript 내장객체 ○ 자바스크립트 내장 객체(Object) - 자바스크립트에 내장되어 있는 객체 - object = 멤버변수(변수, property, attribute, field, column) + 멤버함수(함수, function, method) 로 구성 - 객체명.멤버변수 - 객체명.멤버함수() ○ Math객체 - 수학과 관련되어 있는 객체 - 수학에서 자주 사용되는 상수, 함수들 사용 가능 07.JavaScript Math객체 ○ Math 객체 - 수학과 관련되어 있는 객체 - 수학에서 자주 사용되는 상수, 함수들 사용 가능 - 사용법 : Math.변수명 | Math.함수() document.write(Math.E); //2.718281828459045 document.write(Math.PI); //3.. bins.. 2022. 5. 6.