WEB2 - JavaScript

댓글

댓글 본문
  1. 고영히
    0727 완료
  2. cxxerry
    완료요 !
  3. labis98
    20210718 completed!
  4. 정용헌
    20210709

    nighthandler함수에 target=document.queryselector('body'); 은 지우셔도 됩니다
    Body.setBackgroundColor, Body.setColor 에서 매개변수로 받아 메소드내에서 처리되기 때문입니다
    https://gist.github.com......3bc
  5. 윤동욱
    2178
  6. Jeonghee Gwon
    20210705
  7. B=loom
    2021.07.03
  8. 사무엘
    그렇다,,,나는 큰 깨달음을 얻었다,,,,setBackgroundColor에서 SetBackgroundColor라고 써놓고 다른 곳에서 40분째 헤매고 있었다니,,,ㅠㅠ
    소문자 하나라도 틀리면 시간을 엄청 잡아먹는구나!!,,ㅎㅎㅎ,,,ㅠㅜㅠㅠㅠ
  9. 이해가 잘 안되서 복습을 해야겟네요;
    암튼 객체 활용 수강 완료
    2021.06.03
  10. 김휘철
    잘봤습니다~
  11. super1Nova
    210519
  12. chimhyangmoo
    2차 - 21.05.10
  13. 초딩 개발자
    2021/05/08
  14. 단희
    21.05.02
  15. 스문
    21.04.30 완료
  16. 별거
    2021.04.28 오류를 해결하다보니까 성취감이 있네요!
  17. 헷갈리긴 하지만 우선///......
  18. 요모
    2021-03-30
  19. 단디
    완료
  20. 봉가리봉봉
    감사합니다
  21. 김우중
    감사합니다
  22. 조재령
    코드가 매우 길고 복잡할 경우에 이름이 중복될 수 있습니다. 함수를 수정할 때 미처 몰랐던 다른 곳까지 영향을 미칠 수 있고요. 그래서 그 함수가 적용될 범위를 만들어주는 겁니다. 함수의 이름은 간결하게 유지해서 함수 이름만 보고도 기능을 명확히 알게 하고, 적용 대상을 객체로 분리합니다.

    코드가 짧은 경우에는 큰 상관 없지만 코드가 복잡해지면 정리하는게 좋습니다.
    대화보기
    • 뚜따띠또따
      21.03.25 완료!
    • 졸대
      완료!
    • gkalsdlf
      완료!
      그런데 굳이 객체를 써야할 필요가 있나요?
      객체를 쓰지 않고도 함수와 변수만으로 프로그래밍할 수 없는지
      꼭 객체를 설정해가며 해야하는지 궁금해요.
    • 악어
      어렴풋이 알아가는 거같습니다. 순차적으로 개념파악으로 이끌어주시는 강의 최고입니다!
    • rose_lex
      완료
    • 21.03.15
    • Yohanesty
      완료
    • 진돌
      2021.02.26 완료!
    • 양경웅
      결국 나는 연휴 내내 보지 않다가 발견하고 말았습니다. links의 자리에 link라고 되어있어서.. 뒤의 아이들이... 배열을 못찾은것을... 하하
      대화보기
      • 서준
        완료
      • 양경웅
        왜 안될까요... 하하 제가 짠거 왜 안되죠...
      • 어렵지만 화이팅
      • 완료
      • 푸른벚꽃
        코드를 정리한 것이 함수.
        함수와 변수를 정리하는 것이 객체
        그 객체에서 함수를 꺼내쓰고자 한다면 -> 객체. 함수();

        이렇게 이해했습니다. 객체를 다시 둘러보니 지금 가르쳐준 것이 가장 중요한 것들이라는 생각이 듭니다.
        2회독 완료

        21.1.30
      • chimhyangmoo
        21.01.30
      • 푸른벚꽃
        어렵다는 객체. 어려운 거 맞는 것 같습니다 ㅎㅎ.
        객체 부분은 몇 번 돌려봐야 할 것 같습니다.
        21.1.28
      • pyerin
        내용이 두려워 며칠 째 미루다가 완료!
      • hanel_
        21.1.26
      • 임찬혁
        완료
      • 마아앙
        2021.01.22
      • 걸어가는신사
        2021.01.15
      • 이현수
        2021.01.12(화)
      • younghwani
        완료!
      • jeisyoon
        감사합니다.
      • 서울사이버대학을다니고
        <!doctype html>
        <html>

        <head>
        <script>

        var Links = {
        setColor : function (color){
        var alist = document.querySelectorAll('a');
        var i = 0;
        while(i < alist.length){
        alist[i].style.color = color;
        i = i + 1;
        }
        }
        }
        var Body = {
        setColor: function (color){
        document.querySelector('body').style.color = color;
        },
        setBackgroundColor: function (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>JavaScript</h2>
        <p>
        JavaScript (/ˈdʒɑːvəˌskrɪpt/[6]), often abbreviated as JS, is a high-level, dynamic, weakly typed, prototype-based, multi-paradigm, and interpreted programming language. Alongside HTML and CSS, JavaScript is one of the three core technologies of World Wide Web content production. It is used to make webpages interactive and provide online programs, including video games. The majority of websites employ it, and all modern web browsers support it without the need for plug-ins by means of a built-in JavaScript engine. Each of the many JavaScript engines represent a different implementation of JavaScript, all based on the ECMAScript specification, with some engines not supporting the spec fully, and with many engines supporting additional features beyond ECMA.
        </p>
        </body>
        </html>
      • 지두두
        2020/12/30
      • 박병진
        감사합니다.
      • 샴파뉴
        2020.12.28
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기