WEB2 - JavaScript

객체예고

소스코드

변경사항

댓글

댓글 본문
  1. 그리내
    배우면서 표기법 띄어쓰기 등에 규칙이 있는건가?하고 의문이 들곤했는데 답변이 도움이 되었습니다. 감사합니다!
    대화보기
    • hanel_
      21.1.26
    • chimhyangmoo
      2021.01.25
    • 임찬혁
      완료
    • 푸른벚꽃
      LinksetColor(color)와 nightDayHandler(self) 두 개의 함수를 만들어 사용할 때
      LinksetColor('powderblue')에는 ''를 붙이고 nightDayHandler(this)에는 안붙였는데
      js문법에 따라 powderblue는 ''를 붙이고 this에는 ''를 붙이지 않았다로 이해하는게 맞을까요?

      21.1.25
    • joong25
      객체에 속해있는 함수는 메서드
    • 마아앙
      21.01.21
    • 몰댕
      21.01.15
    • 걸어가는신사
      2021.01.15
    • younghwani
      완료!!
    • 이현수
      2021.01.11(월)
    • jeisyoon
      감사합니다.
    • Johnny Q Ahn
      점점 시야가 ㅎ,ㄹ려져요 ㅋㅋ 그래도 keep going
    • 장군
      객체 : 폴더

      긴 코드는 정리정돈 by dir..
      객체에 속한 함수는 not function, method.
    • 장군
      정리정돈 ㅠㅜ 방청소 부터 시작하겠습니다
    • 둘기
      확인을 늦게 했네요 ㅠㅠ 이해가 됐습니다!! 답변 주셔서 정말 감사합니다:)
      대화보기
      • 남도산
        감사합니다 참고하겠습니다 !
        대화보기
        • 주니어개발자
          각 프로그래밍 언어마다 권장하는 코딩 스타일이 있어요.
          뭐랄까 관례처럼 뿌리내려 널리 통용되는 코딩 스타일이 규약처럼 굳어져있습니다.

          예를 들면 Java의 경우
          변수나 메서드 이름을 지을 때는 "카멜 표기법"을 사용하자고 모두가 약속한듯 사용합니다.
          처음 듣는 내용이라면 말이 어려울 수 있을지 모르겠네요.


          다음 키워드 중에 하나를가볍게 검색해보시고 아~ 그렇구나 정도면 딱 좋을 것 같습니다.
          처음부터 이걸 완벽히 알고 코딩하는게 아니라
          하다보면 자연히 코드가 눈에 익고 몸에 베여서 당연하듯 스타일이 굳어집니다 ㅎㅎ

          "코딩 스타일"
          "프로그래밍 표기법"
          "네이밍 컨벤션"
          "코딩 컨벤션"

          https://itmining.tistory.com/72
          대화보기
          • 샴파뉴
            2020.12.28
          • 박병진
            2020.12.27 완료
          • 박병진
            2020. 12.27 오늘은 여기까지 하겠습니다. 복습하러 다시 오겠습니다.
          • 한끼생각
            '객체'를 사용하기 전까지는 배경색과 글자색을 바꾸는 함수를 만들 때 대문자 S를 써서 "SetBackgroundColor" 이런식으로 썼는데, 객체를 사용하고 난 후에는 소문자 s를 써서 "setBackgroundColor"로 바꾸네요.

            1. 어떤 태그를 쓸 때 대문자와 소문자를 쓰는 규칙이 정해져 있는건가요?
            2. 그리고 큰따옴표와 작은따옴표를 쓰는 것도 정해진 규칙이 있는건가요?

            아시는 분 알려주시면 감사하겠습니다 ㅠ
          • 생활둘기
            2020 12 19
          • 그릿맨
            201215done!
          • 그릿맨
            target은 함수'nightDayHandler' 에서 선언한 변수이기 때문에 해당 함수에서만 유효한 변수이기 때문입니다. 하나의 함수 안에서 선언된 함수는 다른 함수에서는 유효하지 않아요!
            대화보기
            • 둘기
              8' 30" 부분에서 target.style.color=color;가 아닌 document.querySelector('body').style.backgroundColor=color;라고 설명하시는데 이 왜 그렇게 되는지 이해가 안되네요ㅠ
              대화보기
              • 둘기
                20.12.12 완료
              • 201210
              • 20201202
              • 푸쿠하
                '20.11.25 완료
              • kkn1125
                20.11.25 완~료!
              • 윤지
                2020-11-19 완료
              • Dominic
                thirteen(13) November 2020
              • 바부대지
                2020.11.02 객체
              • 2020.11.02.MON.
              • 문성석
                2020.10.23 완료
              • 웹짱
                2020.10.23
                객체: 정리 정돈을 도와주는 것, 폴더 같은 것이라고 생각해도 무방, 중복을 최소화하고 용량을 최소화
                메서드 : 객체 안에 있는 함수
                document.querySelector()가 객체 속에 함수를 사용하는 것임. 객체 속에 함수를 메서드라고 함.
              • 콜라
                20201012 완료
              • LinksSetColor, BodySetColor 작동하지 않아서 Handler함수까지만 적용하고 pass
              • 알파카파카
                객체: 정리정돈을 도와 주는 것
                객체 안에 있는 함수: 메소드(method)

                2020/10/06
              • andrew070124
                객체...
              • 924
              • chapter5447
                완료하였습니다
              • 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 완료
                버전 관리
                egoing
                현재 버전
                선택 버전
                graphittie 자세히 보기