WEB2 - JavaScript

객체예고

소스코드

변경사항

댓글

댓글 본문
  1. 문성석
    2020.10.23 완료
  2. 웹짱
    2020.10.23
    객체: 정리 정돈을 도와주는 것, 폴더 같은 것이라고 생각해도 무방, 중복을 최소화하고 용량을 최소화
    메서드 : 객체 안에 있는 함수
    document.querySelector()가 객체 속에 함수를 사용하는 것임. 객체 속에 함수를 메서드라고 함.
  3. 콜라
    20201012 완료
  4. void
    LinksSetColor, BodySetColor 작동하지 않아서 Handler함수까지만 적용하고 pass
  5. 알파카파카
    객체: 정리정돈을 도와 주는 것
    객체 안에 있는 함수: 메소드(method)

    2020/10/06
  6. andrew070124
    객체...
  7. 924
  8. chapter5447
    완료하였습니다
  9. AnnELynE
    마지막에 현재 구동하지 않는 방식이라고 하시면서, 다다음 강의에서 사용법을 알려주신다고 하셨어요:)
    대화보기
    • Whoopi Mun
      <!DOCTYPE html>
      <html>

      <head>
      <title>On and Off click</title>
      <meta charset="utf-8" />
      <script>
      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'){
      Body.setBackgroundColor('black');
      Body.setColor('white');
      self.value = 'day';
      Links.setColor('powderblue');
      } else {
      Body.setBackgroundColor('white');
      Body.setColor('black');
      self.value = 'night';
      Links.setColor('blue');
      }
      }

      </script>
      </head>
      <body>
      <h1><a href="index.html">WEB</a></h1>
      <input id="night_day" type="button" value="night" onclick="
      nightDayHandler(this);
      ">
      <ol>
      <li><a href="1.html">HTML</a></li>
      <li><a href="2.html">CSS</a></li>
      <li><a href="3.html">JavaScript</a></li>
      </ol>
      <h2>WEB</h2>
      <p>
      The World Wide Web (abbreviated WWW or the Web) is an information space
      where documents and other web resources are identified by Uniform Resource
      Locators (URLs), interlinked by hypertext links, and can be accessed via
      the Internet.[1] English scientist Tim Berners-Lee invented the World Wide
      Web in 1989. He wrote the first web browser computer program in 1990 while
      employed at CERN in Switzerland.[2][3] The Web browser was released
      outside of CERN in 1991, first to other research institutions starting in
      January 1991 and to the general public on the Internet in August 1991.
      </p>

      </body>
      </html>

      // 위의 내용을 크롬에 실행해 보니 실행이 되지 않아 검사를 해보니 아래와 같은 메세지가 뜹니다.
      어떻게 해결해야 하는 지요.

      js_object_객체_다시보기_01.html:25
      Uncaught ReferenceError: Body is not defined
      at nightDayHandler (js_object_객체_다시보기_01.html:25)
      at HTMLInputElement.onclick (js_object_객체_다시보기_01.html:44)
    • 허우룩
      2020.09.04
    • banaba
      9/4 객체란 폴더 같은것. 중복을 피하면서도 용량을 최소화하는 방법,
    • 난지단지
      완료!
    • 이정왓
      흥미진진~,,
    • 김요한
      2020.08.21 완료
    • JaanMun
      2020. 08. 18 완료
    • 커넥티드 허트
      완료
    • Jay1025
      2020.08.08 완료
    • 장정민
      즐코즐코
    • Jae Hwan Suh
      20.08.03 피니쉬 완료
    • Jae Hwan Suh
      20.08.03 피니쉬
    • switpotato
      20200802완료
    • dongmi95
      20.07.22 완료
    • 완료
    • 2020/07/09 완료
    • 뽀짝이
      완료
    • rosydarling
      2020/07/09 완료
    • 김태훈
      egoing님 안녕하세요! 함수 이름 짓는거 관련해서 질문이 있습니다.

      개발자들의 편의성을 위해서는 이름을 알기 쉽게 정하는 게 중요하지만, 보안성을 높이기 위해 이름을 애매모호하게 지을 필요가 있다고 시큐어코딩이라는 강의에서 배웠습니다.

      실제 외국 프로그램들은 보안성이 높은 프로그램을 만드기 위해 많이 집중한다고 따로 배웠습니다.

      egoing님이 수업 중에 함수 이름이 중복되었는지 파악 못한다고 하셨는데 정말 방법이 없나요?

      JS는 함수의 이름이 중복되어도 에러메세지가 나타내지 않는데 따로 함수 이름을 지을 때 이 이름이 이미 있는 함수의 이름인지 확인하는 방법이 없을까요? ex. ctrl+f등의 방법을 통해서 함수 이름을 찾아보기..?


      정리하면
      : 만드려고 하는 함수의 이름이 기존에 나왔는지 검사할 수 있는 방법이 없을까요?
    • 김혜린
      6월 24일 완료!!
    • GLORIA
      완료! 감사합니다 :)
    • 김광현
      6/20완료
    • psyless
      20200620
    • alyssa
      20200613
    • Dallae
      객체예고 완료-!
    • 20200609
    • 코린이인런던
      6/8
    • psyless
      20200607
    • HyeonHui Jeong
      6/1
    • 김용재
      긋긋긋
    • 코딩하는렌즈쟁이
      2020-05-24
      객체 예고
    • HanLee
      감사합니다
    • hpyseun
      5/21/2020 잘 봤습니다. 감사합니다
    • 이서연
      완료
    • green diseny
      완료
    • 완료
    • 솔솔
      4/27 완료
    • 코딩꿈나뮤
      객체예고 카------앗----ㅇㅅㅇ~!
      <script>
      function LinksSetColor(color){
      var alist = document.querySelectorAll('a');
      for( i = 0 ; i < alist.length ; ++i){
      alist[i].style.color = color;
      }
      }
      function BodySetColor(color){
      document.querySelector('body').style.color = color;
      }
      function BodySetBackgroundColor(color){
      document.querySelector('body').style.backgroundColor = color;
      }

      function nightDayHandler(self){
      if(self.value === 'night'){
      BodySetBackgroundColor('black');
      BodySetColor('white');
      self.value = 'day';
      LinksSetColor('powderblue');
      } else {
      BodySetBackgroundColor('white');
      BodySetColor('black');
      self.value = 'night';
      LinksSetColor('blue');
      }
      }
      </script>
    • 하나해요
      완료
    • Kevin Kim
      정말 좋은 강의네요! 감사합니다!
    • 야루
      완료
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기