왕초보 엔지니어, 코딩하다

코스 전체목록

닫기

함수

함수의 기본

소스코드

변경사항

 

 

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

소스코드

변경사항

 

 

리턴

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

소스코드

변경사항

 

 

댓글

댓글 본문
  1. 양빵
    220616
  2. onehae
    220615 이해는 안되지만 일단은 따라해봤습니다. 하다보면 알게되겠죰
  3. 탕탕
    220609
  4. 진진리
    22.05.24
  5. 220519
  6. 울랄라
    220519
  7. DH니스
    2022.04.15
  8. 220409
  9. 이윤
    220405
  10. 너구리기린
    2022.03.31
  11. 09년생개발자
    쉬워요!
  12. 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> 은 문자 취급이 안되나요…? ㅠㅠ갈수록 어려운 코딩의 세계입니다.
  13. 지구
    2022.03.16 재수강 필요
  14. new 개발자
    20220315
  15. 0226민규
    0315 중간 점검
  16. 임연주
    함수 특히 리턴은 잘 모르겠어요. 반복해서 들으면 이해가 갈 것 같아요.
  17. 2022.02.24 완료
  18. 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 완료
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기