명이나물 라이브러리

자바스크립트의 데이터 타입 1) 숫자 (number) 2) 문자열 (string) 3) 불리언 (boolean) 4) undefined **== null 5) 객체(object) **자바의 객체와 다름. typeof : 데이터의 타입을 반환하는 연산자 데이터의 형변환(casting) 1. 정수 -> 문자열 2 .문자열 -> 숫자 3. 실수 -> 문자열 4. 문자열 -> 실수

자바스크립트의 변수 자바스크립트에서는 데이터의 타입을 명시하지 않는다. 변수의 역할, 명명규칙 , 활용등은 다른 언어와 같다. 1. 변수명 앞에 var(variable) 키워드를 붙여서 변수 생성 2. 1가지의 데이터만 저장가능 3. , 를 이용하여 여러 변수를 한번에 생성 가능

자바스크립트 생성 방법 - 과거에는 script type="text/javascript"를 표기하지만 html5에서는 기술하지 않아도 된다. - 자바 스크립트는 2) console.log() : 데이터를 '브라우저 콘솔' 에 출력하는 메서드 방법 2. js 파일 생성 외부에 스크립트 파일을 생성 및 참조하여 사용할 수 있음. 참조경로는 css, 이미지 등등과 작성방법이 같음. 공통 스크립트 , 무거운 파일을 주로 외부로 분류하여 사용. // 1.같은 폴더 내에 외부 js파일을 생성 후 javascript 코드 따로 빼 저장한다. // 2. sript를 가져오고 싶은 페이지 상단에 아래 코드를 추가한다.

head + defer (★선호) : js파일이 다운로드 되지 않더라고 이후의 html 코드가 보여지고 이후에 다운로드된 script파일이 위-> 아래 순서에 따라 보여짐 head + async : js파일이 다운로드 되지 않더라고 이후의 html 코드가 보여지고 중간에 다운로드된 script파일이 다운로드 되어진 순서대로 보여짐 이후에 중단되었던 html 코드가 실행 use strict 파일 상단에 'use strict'; 선언 : javascript는 굉장히 유연한 언어로 문법에 맞지 않는 경우 에러뜨게할 수 있음.

UI VS API UI : User Interface(사용자가 시스템을 제어하기위하여 사용하는 조작장치) API : Application Programming Interface 어플리케이션을 만들기위하여 프로그래밍할때 사용하는 조작창치(ex. alert) - 버튼을 눌렀을 때 경고창이 뜨는 것은 웹브라우저가 가지고있는 경고창기능을, alert라는 자바스크립트의 문법 코드를 사용하여 사용하는 것임 document객체 < DOM 객체 : 웹페이지 제어(태그삭제, 자식태그추가 등) window객체 : 웹브라우저 제어(웹페이지주소, 화면크기 등) ajax : 웹페이지 reload하지 않고 정보 변경 cookie : 웹페이지 reload되어도 현재상태 유지 offline web application : 인터넷없이..

JQUERY 사용방법 방법 1. 다운로드 https://jquery.com/download/ Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download jquery.com 방법 2. CDN 사용 링크 복사 script태그에 소스 삽입 자바스크립트 코드를 간소화 검색 K..

library VS framework 공통점 다른사람의 도움을 받아 프로그램을 만든다. 차이점 library : 프로그램만드는데 필요한 잘 정리정돈된 부품을 가져옴 eX) jQuery framework : 만들고자 하는 것이 무엇이냐 하는것에 따라, 달라지는 부분을 수정해서 가져온다.

파일로 쪼개어 코드 관리하기 script 코드를 jp파일에 따로 저장하기 (단, 는 제외) var Links = { setColor:function (color) { var alist = document.querySelectorAll('a'); var i = 0; while (i < alist.length) { console.log(alist[i]); alist[i].style.color = color; i = i + 1; } } } var Body = { setColor:function(color) { document.querySelector('body').style.color = color; }, setBackgroundColor:function (color) { document.querySelect..

위 코드를 보면 body라는 태그의 배경과 글씨색을 설정하는 함수의 생성 시 함수 명의 중복이 생길 수 있다. 그러므로 이런 중복을 막기 위해 Body라는 객체(그룹)를 생성하여 그 안에 서로 다른 기능을 가진 함수를 만드는 것이 필요하다!! function nightAndDayController(self) { var target = document.querySelector('body'); if(self.value === 'night') { Body.setBackgroundColor('black'); Body.setColor('white'); self.value = 'day'; setColor('powderblue); } else { Body.setBackgroundColor('white'); Body...