WEB2 - JavaScript

댓글

댓글 본문
작성자
비밀번호
  1. Mingi Son
    180214 감사합니다!
  2. JN87
    180211 감사합니다!
  3. nomadlife
    강의 감사합니다. 파이썬과 같이 공부하고 있는데, 자바스크립트의 객체가 파이썬의 Dictionary 데이터 타입과 생김새가 유사하네요. dot(.) 표기법만 빼구요. 물론 내부 구조는 다를거라 생각하지만, 아직 정확히는 모르겠네요. 구글에 질문했더니, 비슷한 질문을 한 사람도 꽤 있더라구요 ㅎㅎ 좀더 알아바야 겠습니다.
    그리고 js 예제를 인터넷에서 찾다보니, function 을 nesting 해서 객체로 만들기도 하더라구요. 근데 이건 또 new 생성자라는걸 통해서 사용을 하는걸로 봐서 느낌은 파이썬의 class 같아 보여서 이것도 찾아보고 있긴합니다만, 꼬리에 꼬리를 물고 머릿속이 엉켜가는 중입니다 ㅎㅎ 혹시 객체에 대해서 추가로 강의하실 계획 있으시면 요 부분(객체를 만드는 여러가지 방법)도 한번 다뤄주시면 감사하겠습니다.
  4. thdbsgh3443@naver.com
    감사합니다 이런 강의 만들어주셔서ㅎㅎ 이해가 잘 되는편입니다~ㅎ
  5. egoing
    와이프는 아니고 저의 동료에요~
    대화보기
    • 꼬맹파파
      강의 잘 보고 있습니다.
      egoing님 프로그래머시고
      와이프분(?) leezche님은 디자이너시군요. 맞죠?
      그렇다면 저랑 비슷하네요 ㅋ
    • PassionOfStudy
      << 2018-01-20 - 3일차 _다섯 번째 강의 >> --> 완료!


      객체에 포함된 변수 - Property
      객체에 포함된 함수 - Method

      Property와 Method가 뭔지 알게되었습니다. ^_^
    • atnskynst
      질문 있습니다. 윈도우 업데이트 후 기본 디렉토리가 C:\Bitnami\wampstack-7.1.11-0\apache2\htdocs에서
      C:\APM_Setup\htdocs로 바뀌었어요. 게다가 bitnami WAMP Stack으로 아파치 서버를 보니까 Stopped 돼있고 start를 눌러도 바뀌질 않네요. 바뀐 폴더에서 html파일을 만들면 접근에 이상이 없는데 그 안에 폴더를 만들어서 강의내용을 따로 접근 하려고 하니 접근권한이 없다는 메세지가 뜨네요. 해결책을 알수있을까요?
    • 쉽지 않은 내용이네요, 감사합니다~
    • 사주
      객체부터는 정말 어렵네요.. 몇번이고 돌려 봐야겠어요
    • 이유리
      감사합니다.
    • SanFrancisco
      여기서 설명한 객체가 저번에 웹어플리케이션 강의하신 것 중의 연관 배열 (Associative Array)과 어떤 차이가 있나요?
    • elanore
      반복문 안에서 흐름을 중지하고 다시 루프를 돌리는 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로 바꾸어주면 객체의 이름이 바뀐다 해도 대응 가능하다.
      • 그렇군요! 답변 고맙습니다 ^^
        그리고 언제나 격하게 감사드립니다!
        대화보기
        • egoing
          찾으신 내용이 더 정확한 구분이 되겠네요~ 잘하셨어요 ^^
          대화보기
          • 이고잉님, 객체의 명칭에 대해 공부차 찾아 보았는데요.
            객체 프로퍼티를 동영상에서 "programmer" , "designer", "showAll" 과 같은 것이라 하셨는데,
            그 값의 "egoing" 이나 "leezche"는 프로퍼티에 속해 있지 않은 건가요?

            제가 참고한 사이트는 programmer : 'egoing' 전부가 속성이고,
            programmer는 키(key), 'egoing'은 값(value)라고 하더라구요..

            둘 다 포함 한게 속성이 맞나요??

            객체에 대한 추가정보(명칭 등)
            https://goo.gl/2qSweF
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기