Study with Melody

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...

함수 사용의 예시 함수 : 매개변수와 인자 sum(2,3); sum(3,4); sum()안의 2와 3은 인자(Argument)이며, 이들의 값을 받는 함수 안의 left, right는 매개변수(Parameter)라 한다. 함수 (리턴) [return 사용 전] [return 사용 후] 더해진 결과를 다양한 방법(글씨 효과 다양하게)으로 사용하고 싶을 때 return 사용

비교연산자 : 좌항 VS 우항 좌항과 우항의 값을 비교하여 true 또는 false라는 boolean의 값을 나타내는 것. === = 조건문 lf의 ()안의 값에 따라 실행되는 것이 달라짐. if (true) { } else { } 리팩토링 중복의 제거 - 코드의 유지보수 편리 this : 코드가 포함되어있는 태그를 가리킴. var target = document.querySelector('body') 배열 배열 만드는 방법 var 과일 = ["사과", "배"] 인덱스 사용하여 해당 요소 조회하기 과일[0] == "사과" 배열의 갯수 과일.length 배열에 포도 추가하기 과일.push('포도') 반복문 while () { } ()의 값이 false가 될때까지 {}안의 코드들이 실행되고 그 다음에 {} ..

[자바 스크립트 소개] 자바스크립트(javascript): 동적인 웹 페이지를 작성하기 위하여 사용 되는 언어 웹의 표준 프로그래밍 언어 모든 웹브라우저들은 자바스크립트를 지원 공식사이트 :https://developer.mozilla.org/ [HTML5 기술의 핵심] HTML CSS JAVASCRIPT [자바 vs 자바 스크립트] 특징 자바언어 자바스크립트 언어 종류 소스 파일을 컴파일 하여 실행하는 컴파일 언어이다. 브라우저가 소스 코드를 직접 해석하여 실행하는 인터프리트 언어이다. 실행 방식 자바 가상 기계 위에서 실행한다. 브라우저 위에서 실행된다. 작성 위치 별도의 소스 파일에 작성 HTML 파일 안에 삽입 가능 변수 선언 변수의 타입을 반드시 선언해야 함 변수의 타입을 선언하지 않아도 사용 ..