생활코딩

Coding Everybody

코스 전체목록

닫기

함수의 활용

소스코드

변경사항

댓글

댓글 본문
  1. 진진리
    22.05.24
  2. 220519
  3. 울랄라
    오 덕분에 좀 더 이해가 됐네요. 감사합니다:)
    대화보기
    • 울랄라
      220519
    • 주파랑
      이해 못해서 강의 들으면서 "네?" 이러고 되물을 때마다 들리는 것마냥 이고잉 님이 "이해 못합니다, 지금은." 이라고 (다급하게) 덧붙이셔서 웃음 터짐ㅋㅋㅋㅋㅋ
    • warizi
      하나의 기능(function함수)을 만든다고할 때
      그 기능을 나중에 원하는대로 변형하여 쓰고 싶을 때 그 변형값을 function에 넣는게 매개변수이고
      function 덧셈(매개변수1, 매개변수2){
      1 + 매개변수1 + 매개변수2
      }
      -> 1 + 매개변수1 + 매개변수2 = 함수function의 값

      덧셈(3, 5);
      -> 9

      그걸 활용해서 넣는게 인자(3과 5)인거 같습니다.

      매개 : 둘사이의 관계를 맺어줌
      변수 : 변하는 수
      매개변수 : 둘사이의 관계를 맺어주면서 변하는 수

      function에서 결과값에 영향을 주는 변하는 수를 매개변수이고 그걸 function 함수이름(여기 괄호에 넣음)

      매개변수를 내가 특정한 숫자나 데이터를 넣으면 그게 인자가 되는거 같아요.

      그냥 x + y = ? 라는 함수에 x,y는 매개변수이고
      내가 x에 1을 넣고 y에 2를 넣으면 1,2는 인자(구성요소)라고 하는것이고
      매개변수에 내가 어떤 인자를 넣냐에 따라서 값이 달라지는 식이 함수라고 보면 될거같아요.
      대화보기
      • 조승사자
        이 매개변수와 인자 개념을 10번은 넘게보고
        실습도 열심히해보고 다른곳에서도 실습하고 했는데도 아직 이해를 못하겠다.. 바보인듯하다
      • DH니스
        2022.04.15
      • 220409
      • 이윤
        220405
      • 너구리기린
        2022.03.31
      • 따라하니까 되긴 하는데 이대로 가도 되나 모르겠네요..이해는 될랑말랑
        일단 곱씹어보고 그래도 안되면 일단 계속 가는걸로..ㅜ
      • 0226민규
        객체 강의 듣고 다시 오겠습니다
      • 지구
        2022.03.16 재수강 필요
      • new 개발자
        20220315
      • 김여사
        에효.... 어렵네요. 겨우겨우 따라오다 여기서 주저 앉았어요 일단 끝까지 시청하고 다시 한 번 봐야겠어요. 그래도 재밌습니다. 빨리 Javascript 이해하고 자유자재로 써먹었으면 좋겠어요.
      • 저도 구글링 해보다가 알았는데, target을 전역변수로 빼게 되면 웹페이지가 body태그가 생성되기 전에 target을 읽어버려서 실행이 안된다고 합니다.
        반면에 target이 nightDayHandler함수 안에 들어가있게 되면 input태그까지 읽고(그럼 당연히 body태그는 읽혔겠죠?) nightDayHandler함수를 호출해서 target변수를 읽게 되기 때문에 실행이 되는 거라고 합니다!
        혹시 몰라서 제가 참고한 사이트 링크 첨부할게요!!

        https://okky.kr......895
        대화보기
        • 2022.02.24 완료
        • 드림보이
          2022.02.17. WEB2 - JavaScript - 함수의 활용 파트 수강완료
        • 그린라마
          저도 궁금하네요.. var target 변수 위치 보니까 전역변수인데.. 누가 답변 달아주시길 기다리겠습니다.
          대화보기
          • 초보자바
            와 감사합니다!! 근데 혹시 var target 변수를 밖으로 빼면안되는 이유가 있을까요?
            대화보기
            • 그린라마
              function 함수 닫아주시고..
              var target 변수를 function 안에 넣어주시면 해결됩니다.
              대화보기
              • 초보자바
                저는 value의 값이 night일 때와 아닐때를 함수를 따로 nightHandler(self)와 dayHandler로 만들어 봤는데 실행이 안되는데 이유를 아시는 분이 계실까요 ㅜㅜ

                <!DOCTYPE html>
                <html>
                <head>
                <title></title>
                <meta charset="utf-8">
                <script>
                var target = document.querySelector('body');
                function nightHandler(self) {
                target.style.backgroundColor = 'black';
                target.style.color = 'white';
                self.value = 'day'
                var alist = document.querySelectorAll('a');
                var i = 0;
                while(i < alist.length){
                alist[i].style.color = 'powderblue';
                i = i + 1;
                }
                function dayHandler(self) {
                target.style.backgroundColor = 'white';
                target.style.color = 'black';
                self.value = 'night';

                var alist = document.querySelectorAll('a');
                var i = 0;
                while(i < alist.length){
                alist[i].style.color = 'blue';
                i = i + 1;
                }
                </script>
                </head>
                <body>
                <h1><a href="index.html">WEB</a></h1>
                <input id="night_day" type="button" value="night" onclick="
                if(this.value === 'night') {
                nightHandler(this);
                } else {
                dayHandler(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>
              • 무접점키보드
                20220213
              • 미래에 후회안할 자신있어?
                2022-02-11 완료
              • aristia
                2022.02.04
              • 20220127
              • 열정jk
                220123 감사합니다
              • 임앤강
                2022-01-23 완료~~
              • 아까그애
                2022-01-21 완료
              • 이거왤케어려워
                220103 완료 감사합니다.
              • commonerd
                2021-12-24
                1. 함수의 활용
                function nightDayHandler(self){
                var target = document.querySelector('body');
                if(self.value === 'night'){
                target.style.backgroundColor = 'black';
                target.style.color = 'white';
                self.value = 'day';
                var alist = document.querySelectorAll('a');
                var i = 0;
                while(i < alist.length){
                alist[i].style.color = 'powderblue';
                i = i + 1;
                }
                } else {
                target.style.backgroundColor = 'white';
                target.style.color = 'black';
                self.value = 'night';
                var alist = document.querySelectorAll('a');
                var i = 0;
                while(i < alist.length){
                alist[i].style.color = 'blue';
                i = i + 1;
                }
                }
                }
              • 소설가
                2021-12-21 완료
                고맙습니다.
              • 민택기
                21/12/15 완료
              • 완료
                this references the current object
              • 안제경
                거의 2개월만에 다시 왔습니다
                21/12/07
              • 민택기
                21.12.5 완료
              • survive
                21.11.23
              • 개발맨
                완료
              • 21-10-31. 2타.
              • 21-10-28. 1타.
              • 이가은
                21년10월20일
              • happycandle
                21.10.20 감사
              • wj613417
                2021.1016
              • navywood
                this 와 self 의 개념이 이제 뒤에 나오겠죠?ㅎㅎ 나와라~~
              • 야옹아왈해봐
                211009
              • inventorh
                2021.09.28
              • 김관호
                2021.09.26.
              • 호안오빠
                전 편에서 헤맸던 노력의 결과가 있네요. 재미있어요.
              • hwangwonjoon
                2021.08.13 수강완료
              graphittie 자세히 보기