생활코딩

Coding Everybody

코스 전체목록

닫기

함수

함수의 기본

소스코드

변경사항

 

 

매개변수(parameter)와 인자(argument)

소스코드

변경사항

 

 

리턴

4:04초의 결과가 붉은색 5가 아닌 붉은색 23이 된 이유는 자바스크립트는 문자와 숫자를 더하면 숫자를 문자로 간주합니다. +를 덧셈이 아닌 문자 결합 연산자로 사용합니다. 그래서 2와 3이 결합되서 23이 된 것입니다. 아래와 같이  괄호를 사용해서 2와 3을 먼저 더해주셔야 합니다. 졸음강의를 찍은 것 같습니다 ㅠㅠ
document.write('<div style="color:red">'+left+right+'</div><br>');

소스코드

변경사항

 

 

댓글

댓글 본문
  1. 진진리
    22.05.24
  2. 220519
  3. 울랄라
    220519
  4. DH니스
    2022.04.15
  5. 220409
  6. 이윤
    220405
  7. 너구리기린
    2022.03.31
  8. 09년생개발자
    쉬워요!
  9. Denyce
    휴 너무 이해하기 어려웠는데 다른 훌륭한 분들이 써주신 댓글 읽으며 겨우겨우 조금은 이해가 가는 것 같습니다!

    밑에 어느 분이 쓰신 것처럼 콘솔에
    function sumWrite(left, right){document.write(left+right);}
    sumWrite(2,3)
    라고 하면 5가 뜰 것 같은데 자꾸 undefined가 나와서 당혹스러웠는데 화면 창을 보니 5가 적혀있더군요.

    화면에 결과값을 write 하고는 콘솔에 돌아오는게 없어서 그랬나봅니다.

    그래서 다시
    function.sumReturn(left, right){return(left+right);}
    sumReturn(2,3)
    을 했더니 화면에는 5가 뜨지 않았지만 콘솔에는 5라는 값이 돌아와 있었습니다.

    출력 화면창과 콘솔의 관계가 정확히 어떻게 되는지 궁금해지네요!!

    그나저나 23으로 표시된 곳 문자와 숫자가 섞였다는 부분에서 문자는 어디를 의미하나요? div 태그인가요..? <br> 은 문자 취급이 안되나요…? ㅠㅠ갈수록 어려운 코딩의 세계입니다.
  10. 지구
    2022.03.16 재수강 필요
  11. new 개발자
    20220315
  12. 0226민규
    0315 중간 점검
  13. 임연주
    함수 특히 리턴은 잘 모르겠어요. 반복해서 들으면 이해가 갈 것 같아요.
  14. 2022.02.24 완료
  15. kizarrd10
    sum(2,3).style.color='white'; 처럼 진행하실 수 있습니다. sum()함수 내부에서 return을 사용해서 style을 바꾸고자 하는 html element object를 반환하도록 코드를 작성하면 됩니다. querySelector()도 함수(메소드)이고 실제로 querySelector().style.color='white'; 를 하면 스타일을 지정할 수 있는것과 같습니다.
    대화보기
    • 드림보이
      2022.02.17. WEB2 - JavaScript - 함수 파트 수강완료
    • MrRobot
      안녕하세요. 수업 감사합니다. 궁금한 점이, return을 사용할때, 매번 함수식을 만들지 않고 함수로 나온 결과 값의 스타일이나 그 외의 사항을 변경시킬때 용이하다고 이해했는데, 예를 들어 > function sum (left,right) {document.write(left+right);} 일때 sum(2,3).style.color='white'; (말도 안돼는 코드겠지만) 왜 이런식으로는 진행이 안되고 return을 쓰는지 궁금합니다. Variable 처럼 치환할때와는 그냥 다른 경우라고 생각해야 할까요?. 감사합니다 ㅠㅠ.
    • 무접점키보드
      20220213
    • aristia
      2022.02.04
    • 20220127
    • 열정jk
      220122 감사합니다
    • Aymon21
      감사합니다
    • 아까그애
      2022-01-21 완료
    • 맛없는콩두유
      주니어 개발자님 감사합니다!!
      대화보기
      • 이거왤케어려워
        220103 완료 감사합니다.
      • commonerd
        2021-12-24
        1. 함수기본
        <script>
        function two(){
        document.write('<li>2-1</li>');
        document.write('<li>2-2</li>');
        }
        document.write('<li>1</li>');
        two();
        document.write('<li>3</li>');
        two();
        </script>

        2. 인자와 파라미터
        <script>
        function onePlusOne(){
        document.write(1+1+'<br>');
        }
        onePlusOne();
        function sum(left, right){
        document.write(left+right+'<br>');
        }
        sum(2,3); // 5
        sum(3,4); // 7
        </script>

        3. 리턴
        <h2>Return</h2>
        <script>
        function sum2(left, right){
        return left+right;
        }
        document.write(sum2(2,3)+'<br>');
        document.write('<div style="color:red">'+sum2(2,3)+'</div>');
        document.write('<div style="font-size:3rem;">'+sum2(2,3)+'</div>');
        </script>
      • 소설가
        2021-12-20 완료
        고맙습니다.
      • argument vs parameter
        - parameter 는 함수 정의에서 데이타를 받기 위하여 선언할 변수
        - argument 는 함수 호출시 실제로 전달하는 데이타

        혼돈하여 쓰기도 하지만, 정확한 정의는 위와 같고, 책에 따라서
        - parameter =>formal parameter
        - argement -> actual parameter
        라고도 한다.
      • 롤링
        오후 2:44 2021-12-14
      • 민택기
        21.12.5 완료
      • survive
        21.11.23
      • 개발맨
        완료
      • 21-10-31. 2타.
      • 21-10-28. 1타.
      • yhejoo
        document.write()괄호 안 '+'기호로 쓰는게 불편하면
        숫자 1 옆에있는 ``과 ${} (Template Literal)을 사용할 수 있습니다.

        아래 예시 :
        document.write('<div style="color:red">'+left+right+'</div><br>');
        ->
        document.write(`<div style="color:red">${left+right}</div>`);

        참고 링크 : https://developer.mozilla.org......als
      • 이가은
        21년10월20일
      • 해피랜저
        21.10.20 감사!
      • navywood
        + 기호나 div 를 함께 쓰는 것이 조금 어렵군요ㅎㅎ
      • 야옹아왈해봐
        21.10.07
      • inventorh
        2021.09.28
      • 김관호
        2021.09.25.
      • supernova
        수강 잘 했습니다! 궁금한 점이 있는데요.
        첫 번째로 문자열과 코드를 연결할 때에는 + 기호를 쓰는 건가요?
        두 번째로 자바스크립트에서 + 는 문자열을 연결한다고 알고 있는데 그렇다면 Return 뒤에 오는 left + right는
        괜찮은 건가요? 괄호로 묶어보았는데 실행을 안하더라고요 ㅠㅠ
      • hwangwonjoon
        2021.08.13 수강완료
      • 솔나무
        return 은 함수의 출력값을 다른 코드나 함수에 활용하게 해주는 것 같군여
      • 승뇽뇽
        ㅇㄹ
      • 아자가자
        210727
        함수 완료

        26부터 듣기
      • 고영히
        0727 완료
      • labis98
        20210718
      • 정용헌
        20210709
      • 윤동욱
        2178
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기