WEB2 - JavaScript

댓글

댓글 본문
  1. yogg
    헷갈리긴 하지만 우선///......
  2. 요모
    2021-03-30
  3. 단디
    완료
  4. 봉가리봉봉
    감사합니다
  5. 김우중
    감사합니다
  6. 조재령
    코드가 매우 길고 복잡할 경우에 이름이 중복될 수 있습니다. 함수를 수정할 때 미처 몰랐던 다른 곳까지 영향을 미칠 수 있고요. 그래서 그 함수가 적용될 범위를 만들어주는 겁니다. 함수의 이름은 간결하게 유지해서 함수 이름만 보고도 기능을 명확히 알게 하고, 적용 대상을 객체로 분리합니다.

    코드가 짧은 경우에는 큰 상관 없지만 코드가 복잡해지면 정리하는게 좋습니다.
    대화보기
    • 뚜따띠또따
      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
      • LiveFreeOrDie
        정상입니다,,,ㅜㅜ
        대화보기
        • 가을풍경
          2번 봐도 모르겠네;;;
          열번은 봐야겠다;;;;

          나만 그런거야 ㅠ.ㅠ?
        • LiveFreeOrDie
          고마워요
        • 생활둘기
          2020 12 20
        • 20201210
        • 20201202
        • kkn1125
          20.11.26 완~료!
        • 푸쿠하
          '20.11.25 완료
        • 멋재이
          완료
        • Dominic
          thirteen(13) November 2020
        • 바부대지
          2020.11.03 객체활용
        • 2020.11.02.MON.
        • 문성석
          2020.10.25 완료
        • 웹짱
          2020.10.23
          객체, 문법 완료.
          함수는 코드가 많아지면 정리 정돈하는 도구
          객체는 함수와 변수가 많아지면 연관된 것들을 그룹핑 해서 정리 정돈을 도와주는 것
          객체가 많아지면??
        • 콜라
          20201012완료
        • 알파카파카
          2020/10/06
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기