WEB2 - JavaScript

객체예고

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. eventme
    지역변수 전역변수 차이 아닐까요?
    대화보기
    • eventme
      완료
    • hyegineer
      완료!
      모호했던 객체개념이 점점 바로 잡히는 느낌이 들어서 좋다!

      document는 객체라는걸 우리는 알 수 있지용
      document.뒤의 함수는 메소드임
    • 김수환
      document 계속 궁금했었는데 드디어 나오는 군요
      객체는 결국 디렉토리의 느낌이군요 확 와닿네요
    • Hyeon-Jun Ha
      완료
    • kumkum
      코드<함수<객체

      객체에 속한 함수는 '메소드'라 부름
    • Leo Kim
      어렵네요... 감사합니다!
    • 주워니
      완료!
    • 위준우
      완료
    • 허공
      190509 감사합니다.
    • 최승윤
      완료!
    • 끝가지간다
      완료~
    • Nameun Cho
      . 잘못 댓글 달았는데 삭제가 안되네요!
      대화보기
      • 완료!
      • 2019-02-21 완료
      • imotif
        2019/2/20
      • 우도순
        완료
      • 발헤
        감사합니다.완료
      • 호두
        고맙습니다.
      • 함가죠
        완료 감사합니다:)
      • gravity251
        완료
      • 지미츄
        완료!! 감삽니다
      • 이수하
        완료
      • console.log
        function BodySetColor(color){
         document.querySelector('body').style.color = color;
        }

        function에 있는 함수명은 "BodySetColor" 인데,
        nightDayHandler 함수에서 불러오는거는 "BodysetColor" 이네요
        "set" 글자의 대소문자가 달라서 오류나는거에요~
        대화보기
        • 돼지천재
          감사합니다.
        • 향숙이
          상상의 나래를 펼쳐버렸다. ..ㅠㅠ
        • 타겟조준완료
          바디 배경이랑 글꼴 색 바꾸기 위해 target부분을 함수로 올릴때, 그 함수가 target을 못읽어서 "document.querySelector('body');"을 복붙하셨는데,
          var target = document.querySelector('body');을
          함수보다 위에, 즉 맨위에 먼저 선언하고 그대로 하면 target이라 써도 작동하던데,
          혹시 이렇게 해도 되는건가 궁금합니다!
          아니라면 관습상 어떻게 해야하는지도 알려주세요!
        • twinpooh@gmail.com
          카렌 에델 웅 완료
        • 맨땅맨
          아앗 저도 이거 궁금하네요
          깔끔해서 좋은거 같아요
          대화보기
          • asdqwer123
            감사합니다.!
          • 감사합니다^^!!
            20180831
          • 명훈이짱
            동영상 시작하자마자 오른쪽에 목록같은 것을 보여주는 프로그램 이름이 몬가요 ??
            아시는 분 알려주세요 ㅜㅜ
          • naninem
            JavaScript에서 객체는 폴더이다.

            라고 일단 알아두겠습니다.
          • 낄낄낄
            이런경우 소스를 직접 보여주시면 빠른 도움을 드릴수있을것 같습니다.
            대화보기
            • 낄낄낄
              예전에 이쪽까지 보고 손을 놨다가
              정말로 이게 왜 필요한지를 충분히 오래 느끼고 다시 공부를 시작해 여기를 오니
              예전에 하신 말이 생각나네요 .
              눈으로 박하사탕을 먹는 기분

              욕심내지않고 천천히 손에서 놓지않고 꾸준히 공부하렵니다.
            • hyuna
              결과는 같아도.. 코드의 질은 다를수 있네요. 처음부터 질좋은 코드를 생각해내는 사고는 어떻게 해야 할수 있을까요?
              머리가 좋아야 겠죠? ㅠ ㅠ
            • 로버트한
              많이 어려워 졌어요 ^^
            • Samual
              BodysetColor is not defined

              말 그대로 BodysetColor가 정의되어있지 않다는 소리네요.

              해당 함수가 제대로 선언되었는지 확인해보면 될것같습니다.
              대화보기
              • zzuccumi77
                소스코드에서 자바스크립트 안에서 돌아가는 css말구요, 즉 자바스크립트 제거하고도
                마크업만 돌려도 글자에 색상이 들어가 있는 건 왜 그런거죠?? css불러오는 것도 없고 태그에 스타일 먹힌 것도 없는데요.

                반대로 h1태그에 컬러값을 줘도 안먹는 이유는 뭔가요?? border도 먹고 다른건 다 먹혀도 컬러만 안먹히는게 스크립트 때문인거 같은데 맞나요? h1에 css로 컬러를 먹이려면 어떻게 해야하나요?
                답변해주시면 감사하겠습니다~
              • burntalmond
                함수의 대소문자를 처음 정한대로 쓰시지 않은 것이 문제인것 같습니다

                아래서 10번째 줄에
                BodysetColor('white');는 BodySetColor('white');로 바꾸시고

                그 아래아래 줄
                LinkssetColor('powderblue');도 LinksSetColor('powderblue');

                마지막 네줄은 set을 전부 Set으로 바꾸셔야 할 것 같습니다.
                BodysetBackgroundColor('white');
                BodysetColor('black');
                self.value = 'night';
                LinkssetColor('pink');
                대화보기
                • cheryl
                  제가 강의보면서 짠 코드로는 동작이 안되길래 이고잉님이 짠 코드 붙여넣기 하고 브라우저에서 조회했는데 여전히 안되네요..콘솔창에서 확인해 보니 아래 메시지가 뜹니다 ㅠㅠ 혹시 무슨 문제인지 아시는 분 있나요?

                  Uncaught ReferenceError: BodysetColor is not defined
                  at nightDayHandler (jscript.html:26)
                  at HTMLInputElement.onclick (jscript.html:40)

                  <코드 원문>
                  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(color){
                  document.querySelector('body').style.backgroundColor = color;
                  }
                  function nightDayHandler(self){
                  var target = document.querySelector('body');
                  if(self.value === 'night'){
                  BodySetBackgroundColor('black');
                  BodysetColor('white');
                  self.value = 'day';
                  LinkssetColor('powderblue');
                  } else {
                  BodysetBackgroundColor('white');
                  BodysetColor('black');
                  self.value = 'night';
                  LinkssetColor('pink');
                  }
                  }
                • 이중인격자
                  강의 올려주신것들 언제나 잘 보고 있습니다.
                  코딩에 관해 설명들이 어려운 단어들이 많이 나와서 이해하는데 힘들었는데
                  실생활에서 자주 쓰이는 용어들로 풀어서 설명을 해주시는거 듣고나서는
                  한결 더 쉽게 이해가 가는거 같습니다.
                  강의 감사합니다.
                • 스페이스몽키
                  잘 봤습니다. 감사해요!
                • 옥슬이
                  갈수록 태산이군
                • jayxwoo
                  강의 잘들었습니다. 감사합니다.

                  마지막에 document.querySelector('body').style.color = color; 이 부분에서
                  객체안에 속해있는 함수는 method라고 부르고,
                  "우리가 작성한 이 코드는 현재 동작하지 않는다"고 하셨는데..
                  그럼 브라우저에 결과가 올바르게 출력되지 않아야 하는데 잘 출력 됩니다...

                  뒤에 객체 수업을 더 들으면 이해 될 수도 있겠네요.
                • 이하빛
                  객체를 폴더로 보는 것이 재밌었어요! 깔끔하게 정리되는 모습이 재밌어요~!
                  직접 만들어보라고하면 못하겠지만, 강의보면서 코드를 보고 이해하는 정도에서 만족하고있습니다ㅜ0ㅜ
                  (100% 이해했다고 말씀은 못드리지만요...ㅎㅎ)
                  오늘 강의도 감사합니닷!!
                • 우탄
                  혹시 아시는분,,, 왜 크롬 콘솔의 오류내용과 에디터의 줄 번호가 서로 다른걸 의미하나요ㅎ

                  <크롬 콘솔>
                  EGOING.html:23 Uncaught ReferenceError: Body is not defined
                  at nightDayHandler (EGOING.html:23)
                  at HTMLInputElement.onclick (EGOING.html:43)
                  nightDayHandler @ EGOING.html:23
                  onclick @ EGOING.html:43

                  <아톰 에디터>
                  23 BodySetBackgroundColor('black');
                  43 <ol>
                  대화보기
                  • 우탄
                    ..... 이것만 보고 잘랬는데ㅠ.ㅠ
                  • 강의 고마워요
                  • 정중식
                    잘봤습니다
                  버전 관리
                  egoing
                  현재 버전
                  선택 버전
                  graphittie 자세히 보기