객체 활용 - WEB2 - JavaScript (opentutorials.org) 객체 활용 - WEB2 - JavaScript 객체 활용 2017-12-02 16:21:10 opentutorials.org ​ 바디라는 변수에 객체를 담는다. var Body = { } 이 객체에 프로퍼티(객체에 소속된 변수) 로 setColor를 지정한다음에 var Body = { setColor: } 여기있는 이코드에 function을 넣어 사용 객체는 객체의 프로퍼티와 프로퍼티를 구분할때 콤마(,)를 찍는다. var Body = { setColor:function (color){ document.querySelector('body').style.color = color; }, setBackgroundColor:fun..

객체 - WEB2 - JavaScript (opentutorials.org) 객체 - WEB2 - JavaScript 객체 2017-11-28 23:32:58 객체의 쓰기와 읽기 변경사항 객체와 반복문 변경사항 프로퍼티와 메소드 변경사항 opentutorials.org 1.객체의 쓰기와읽기 / 2.객체와반복문 / 3.프로퍼티와메소드 객체의 쓰기와 읽기 ​ 배열(array) - 정보를 담는 그릇이면서, 순서대로 정보가 저장된다. 예) var coworkers = ['egoing', 'leezche'] coworkers[0] → egoing coworkers[1] → leezche 그러면 반대로, 순서없이 정보가 저장되는 것은? : 객체 객체 - 이름이 있는 정리정돈 상자 Object Create * 배열을..

https://opentutorials.org/module/3180/18884 객체예고 - WEB2 - JavaScript 소스코드 변경사항 opentutorials.org 객체 - 정리정돈의 수단 ( 쉽게 표현하자면 폴더 ) function LinksSetColor(color){ var alist = document.querySelectorAll('a'); var i = 0; while(i < alist.length){ alist[i].style.color = color; i = i + 1; } } function BodySetColor(color){ document.querySelector('body').style.color = color; } function BodySetBackgroundColor..

https://opentutorials.org/module/3180/18883 함수의 활용 - WEB2 - JavaScript 소스코드 변경사항 opentutorials.org 리팩토링 하는데 필요한 함수 WEB HTML CSS JavaScript JavaScript JavaScript (/ˈdʒɑːvəˌskrɪpt/[6]), often abbreviated as JS, is a high-level, dynamic, weakly typed, prototype-based, multi-paradigm, and interpreted programming language. Alongside HTML and CSS, JavaScript is one of the three core technologies of Wo..

https://opentutorials.org/module/3180/18851 함수 - WEB2 - JavaScript 함수의 기본 소스코드 변경사항 매개변수(parameter)와 인자(argument) 소스코드 변경사항 리턴 4:04초의 결과가 붉은색 5가 아닌 붉은색 23이 된 이유는 자바스크립트는 문자와 숫자를 더하면 숫자를 opentutorials.org 1.함수의기본 / 2.매개변수(parameter)와 인자(argument) / 3.리턴 1.함수의 기본 Function Basic ↓화면출력↓ ·1 ·2-1 ·2-2 ·3 ·2-1 ·2-2 ​function two ( ) { document.write('2-1'); document.write('2-2'); } ㄴ function 함수 ㄴ two ..

https://opentutorials.org/module/3180/18882 함수예고 - WEB2 - JavaScript 함수예고 2017-12-02 16:00:16 opentutorials.org Function 이라는 수납공간 Function = 함수 ​ 육안으로 분간 할 수 없는 여러개의 코드를 한번에 수정할 수 있게 하는 방법

https://opentutorials.org/module/3180/18850 배열과 반복문의 활용 - WEB2 - JavaScript 소스코드 변경사항 opentutorials.org 콘솔창은 계산기처럼 사용이 가능하다. *콘솔창 줄바꿈 : shift + enter ​ document.querySelector : CSS셀렉터 document.querySelector('a'); ↑ a를 첫번째로 나오는 1개만 가져온다. ​ ​ (여러개를 가져와야 하니까) JavaScript get element by css selector multiple 로 검색! document.querySelectorALL('a'); ↑ 배열을 가져온다 ​ var alist = document.querySelectorAll('a')..

https://opentutorials.org/module/3180/18828 배열과 반복문 - WEB2 - JavaScript 소스코드 변경사항 opentutorials.org 배열의 각각 항목들을 원소( = element) 라고한다 Loop & Array Co workers coworkers.length ㄴ 배열안의 총갯수 ​ [i] ㄴ 인덱스값 = 'egoing', 'leezche', 'duru', 'teaho' ​ "http://a.com/'+coworkers[i]+'" ㄴ 사이트를 각각 coworkers[i]에 태그 ​ +coworkers[i]+ ㄴ ++ 변수를 담을때 다른 것과 비교하기 위한 것