객체프로퍼티와 메소드 객체에는 함수도 담을 수 있다. ex10.html 만들어둔 coworkers 를 활용하여 coworkers 라는 객체에 메소드를 추가해보자. showAll 이라는 메소드를 추가 (coworkers 에 있는 각각의 데이터들을 iterate 해서 화면에 출력하는 코드) coworkers.showAll = function(){ } 이것은 이렇게 정의할 수도 있다. function showAll(){ } var showAll = function(){ } (모두 다 똑같은 표현) object Create Iterate Property & Method 이렇게 작성을 하고 나면 좋은 코드 작성이 아니다. 변수 coworkers 가 for 문에 박혀있기 때문에 객체가 바뀐다면 정보를 못 가져오는 ..

객체와 반복문 생성된 객체에 어떤 데이터가 있는지를 모두 다 가져와야 하는 경우가 있다. 이런 경우 반복문을 사용하여 배열에서 반복문으로 데이터를 다 가져와야 하는데 그렇다면 객체에서는 그런 것을 어떻게 하느냐 추천 검색어 javascript object iterate 추천 검색어 How to iterate over a JavaScript object? for 를 쓰면 coworkers 라는 변수가 가리키는 객체에 있는 key 값들을 가져오는 반복문이다. ex10.html 에서 가져올 key 값들은 beginner, programmer, bookkeeper, data scientist 이다. 즉 key 라는 것은 우리가 가져오고 싶은 정보에 도달할 수 있는 열쇠 (반면, 배열에서는 순서대로 배열이 되어있..

객체 쓰기와 읽기 잠깐 복습을 해보면 배열은 정보를 담는 그릇이면서 동시에 정보가 순서대로 저장된다는 특징이 있다. 그렇다면 순서 없이 정보를 저장할 수 있는 것이 있지 않을까? 그게 바로 객체이다. 그렇다고 데이터를 무작위로 넣는 것이 아니다. 객체는 이름이 있는 정리정돈 상자라고 생각하면 되겠다. Tip. 배열은 [대괄호], 객체는 {중괄호} object Create coworkers 라는 객체에 livebyfaith117 라는 정보를 beginner 라는 딱지를 붙여서 저장한 것이고, egoing 이라는 정보를 programmer 라는 딱지를 붙여서 저장한 것이다. 반대로 꺼내올때는 어떻게 할까? object Create document.write("beginner:"+coworkers.beginn..

함수의 활용 - 리팩토링 3.html 태그 안의 JS 코드를 WEB网络 计算机语言-常见语言 HTML超文本标记语言 CSS层叠样式表 JavaScript -JavaScript JavaScript即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。 更多>>

함수(function) 예고 함수 하면 떠오르는 것이 수납상자이다. 살면서 집에 살림이 많아지면 수납상자를 장만해서 정리정돈을 한다. 이와 마찬가지로 코드가 많아지면 이것을 잘 정리 정돈하기 위한 도구들이 필요하다. 그 첫 번째로 생각할 아주 간단하면서도 강력한 도구가 함수이고, 이것보다 좀 더 큰 도구는 객체라는 것도 있다. 이번 시간에는 먼저 함수를 살펴보자. Ex) 3.html 예제에서 태그 안에 onclick 속성 안에 JS 가 있는데 이 태그가 1억 개가 있다고 가정하자. 그리고 그 안에 있는 style.color 를 다 바꿔야 한다고 가정하자. 다 바꿀 수 있을까? 또 여러 개의 태그가 있는데 어느 정도 길이가 길어지면 서로 같다는 것을 눈으로 확인하기 어렵다. 이럴 때를 가정하여 함수를 사용..

배열과 반복문의 활용 배운 내용을 가지고 주간 모드에서와 야간 모드에서 링크 목록을 뚜렷하게 만들어보자. 먼저 3.html 웹페이지에서 개발자도구, 검사로 들어가 console 에서 이 웹페이지에 있는 모든 a 태그를 가져와 보자. document.querySelector('a') 라고 입력하면 하나만 가지고 온다. querySelector 라고 하는 저 메소드, 함수, 명령(다 같은말)은 a태그에 해당되는 첫 번째 것만 가지고 오는 특성을 가지고 있기 때문. 추천 검색어 javascript get element by css selector multiple 추천 검색어 javascript querySelectorAll 이것을 alist 라는 변수에 담고 console.log( ); 을 입력 console..