객체의 쓰기와 읽기
객체와 반복문
프로퍼티와 메소드
댓글
-
아리송 하지만 계속 고합니다! -
마음이 편하지 않네요ㅜㅜ -
감사합니다..
-
http://blog.naver.com......iew
emmet 라는 플러그인 인것 같습니다. -
<script 하고 나머지 부분 자동완성이 안되네요 .. tab , enter 으로 자동완성 기능을 사용한다는건 알겠는데 ...제가 많이 부족한지 아직 찾기가 힘드네요 ..
저의 검색어는 atom auto completion 이었습니다... word completion 도 같이 검색했구여 ㅠ
<>
<> 둘다 제가 완성해야하니 되게 힘드네요 .. html 기본 틀 자동완성은 되는데 다른 기능이 안됩니다. 알려주실분
없으신가요 ㅠ -
자바스크립트는 제가 공부를 더 해야할 부분이라
이해가 부족하지만, 따라해 가면서 최선을 다하고 있습니다.
감사합니다. ^^ -
180214 감사합니다! -
180211 감사합니다!
-
강의 감사합니다. 파이썬과 같이 공부하고 있는데, 자바스크립트의 객체가 파이썬의 Dictionary 데이터 타입과 생김새가 유사하네요. dot(.) 표기법만 빼구요. 물론 내부 구조는 다를거라 생각하지만, 아직 정확히는 모르겠네요. 구글에 질문했더니, 비슷한 질문을 한 사람도 꽤 있더라구요 ㅎㅎ 좀더 알아바야 겠습니다.
그리고 js 예제를 인터넷에서 찾다보니, function 을 nesting 해서 객체로 만들기도 하더라구요. 근데 이건 또 new 생성자라는걸 통해서 사용을 하는걸로 봐서 느낌은 파이썬의 class 같아 보여서 이것도 찾아보고 있긴합니다만, 꼬리에 꼬리를 물고 머릿속이 엉켜가는 중입니다 ㅎㅎ 혹시 객체에 대해서 추가로 강의하실 계획 있으시면 요 부분(객체를 만드는 여러가지 방법)도 한번 다뤄주시면 감사하겠습니다. -
감사합니다 이런 강의 만들어주셔서ㅎㅎ 이해가 잘 되는편입니다~ㅎ
-
저의 동료에요~ -
강의 잘 보고 있습니다.
egoing님 프로그래머시고
와이프분(?) leezche님은 디자이너시군요. 맞죠?
그렇다면 저랑 비슷하네요 ㅋ -
<< 2018-01-20 - 3일차 _다섯 번째 강의 >> --> 완료!
객체에 포함된 변수 - Property
객체에 포함된 함수 - Method
Property와 Method가 뭔지 알게되었습니다. ^_^ -
질문 있습니다. 윈도우 업데이트 후 기본 디렉토리가 C:\Bitnami\wampstack-7.1.11-0\apache2\htdocs에서
C:\APM_Setup\htdocs로 바뀌었어요. 게다가 bitnami WAMP Stack으로 아파치 서버를 보니까 Stopped 돼있고 start를 눌러도 바뀌질 않네요. 바뀐 폴더에서 html파일을 만들면 접근에 이상이 없는데 그 안에 폴더를 만들어서 강의내용을 따로 접근 하려고 하니 접근권한이 없다는 메세지가 뜨네요. 해결책을 알수있을까요? -
쉽지 않은 내용이네요, 감사합니다~ -
객체부터는 정말 어렵네요.. 몇번이고 돌려 봐야겠어요
-
감사합니다.
-
여기서 설명한 객체가 저번에 웹어플리케이션 강의하신 것 중의 연관 배열 (Associative Array)과 어떤 차이가 있나요? -
반복문 안에서 흐름을 중지하고 다시 루프를 돌리는 continue를 이용할수도 있답니당
"showAll": function() {
for (var key in this) {
if (key === "showAll") continue;
document.write('<p>' + book[key] + '</p>')
}
} -
세번째 강의 에서 나온 예제 중에
key 인덱스 값에서 showAll 을 제외하는 조건은 다음과 같은 연산을 주면 되겠네요.
<h2>Property and Method</h2>
<script>
coworkers.showAll = function() {
for(var key in this){
if(key != "showAll"){
document.write(key + ' : ' + this[key] +'<br>');
}
}
}
coworkers.showAll();
</script> -
-정리-
- 정보의 양이 많아졌을 때 서로 연관된 정보를 정리하는 도구로써 '배열'
배열은 순서에 따라서 정보를 정리정돈
- 객체(object)는 순서 없이 정보를 저장할 수 있다.
- 객체는 이름이 있는 정리정돈 상자.
ex) 옷을 정리하기 위해서 수납상자를 산다. 그 수납함에 이름표를 단 옷을 보관한다.
- 객체 만들기
var coworkers = {
"programmer" : "egoing",
"designer" : "leezche"
};
coworkers의 이름을 가진 객체를 만드는데, 2개의 속성을 넣었다.
하나의 속성은, 속성명(key)이 programmer, 속성값(value)을 egoing,
다른 하나의 속성은, 속성명(key)이 designer, 속성값(value)을 leezche로 만들었다.
(배열은 []대괄호를 쓰지만, 객체는 {}중괄호)
- 객체 불러오기
coworkers.programmer;
coworkers뒤에 있는 마침표는 'object access operator'라고 한다.
글자에 빈칸이 있을 때
coworkers["data scientist"];
- 객체 추가하기
coworkers.bookkeeper = "duru";
글자에 빈칸이 있을 때
coworkers["data scientist"] = "taeho";
- 객체에 저장된 데이터를 모조리 가져올 때
for(var key in coworkers){
document.write(key);
}
- 객체의 value에 '함수'도 넣을 수 있다.
- 함수를 정의하는 법 다시
기본 > function ** () {}
다른 > var ** = function () {}
- 객체 안에 함수 넣기
coworkers.showAll = function(){
for(var key in coworkers){
document.write(key);
}
}
위와 같이 적용한다면,
나중에 객체의 이름이 바뀌었을 때 'showAll'이라는 함수 안에,
그대로 coworkers가 들어가 져 있어, 객체의 이름에 자동반응하지 못한다.
그러므로, showAll함수 안의 coworkers를 this로 바꾸어주면 객체의 이름이 바뀐다 해도 대응 가능하다. -
그렇군요! 답변 고맙습니다 ^^
그리고 언제나 격하게 감사드립니다! -
찾으신 내용이 더 정확한 구분이 되겠네요~ 잘하셨어요 ^^
-
이고잉님, 객체의 명칭에 대해 공부차 찾아 보았는데요.
객체 프로퍼티를 동영상에서 "programmer" , "designer", "showAll" 과 같은 것이라 하셨는데,
그 값의 "egoing" 이나 "leezche"는 프로퍼티에 속해 있지 않은 건가요?
제가 참고한 사이트는 programmer : 'egoing' 전부가 속성이고,
programmer는 키(key), 'egoing'은 값(value)라고 하더라구요..
둘 다 포함 한게 속성이 맞나요??
객체에 대한 추가정보(명칭 등)
https://goo.gl/2qSweF
버전 관리
| egoing |
| 현재 버전 | |
|---|---|
| 선택 버전 |
