WEB2 - JavaScript

함수

함수의 기본

소스코드

변경사항

 

 

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

소스코드

변경사항

 

 

리턴

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

소스코드

변경사항

 

 

댓글

댓글 본문
  1. 감자
    22.11.28 복습 다시 시작!
  2. 박진병
    22.11.21
  3. mona2
    감사합니다.
  4. 코딩왕초보
    2022.11.03 복습
  5. 드가자
    아 머리아파
  6. 코딩드림
    221023
  7. 엠제이
    10212022
  8. 보통사람 박코딩
    할수있다
  9. 221018
  10. 코딩왕초보
    2022.10.14 return은 너무 어렵네요.
  11. 서우
    221011
  12. 김세나
    221003
  13. 한승욱
    220930
  14. 정하늘
    220924
  15. OKKZZI
    22/9/22
  16. 당당
    2022.09.18
  17. 22.09.01
  18. 뿔고래
    함수가 return의 값으로 변신을 하게 되어서 함수를 값처럼 사용할 수 있게 되었다.
  19. 헤밍웨이
    220810 감사합니다.
  20. 열무
    document.write('<div style="color:blue;">'+(left+right)+'</div><br>');
    -> document.write(&#96;<div style="color:orange;"> ${left+right} </div>&#96;);
  21. 코드만다
    22.07.27
  22. 220724_
  23. 진진리
    0719
  24. 220711 함수 이론
  25. ichenny
    2022.07.03
  26. toonfac
    220703 오후 8시 59분 완료
  27. 양빵
    220616
  28. onehae
    220615 이해는 안되지만 일단은 따라해봤습니다. 하다보면 알게되겠죰
  29. 탕탕
    220609
  30. 진진리
    22.05.24
  31. 220519
  32. 울랄라
    220519
  33. DH니스
    2022.04.15
  34. 220409
  35. 이윤
    220405
  36. 너구리기린
    2022.03.31
  37. 09년생개발자
    쉬워요!
  38. 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> 은 문자 취급이 안되나요…? ㅠㅠ갈수록 어려운 코딩의 세계입니다.
  39. 지구
    2022.03.16 재수강 필요
  40. new 개발자
    20220315
  41. 0226민규
    0315 중간 점검
  42. 임연주
    함수 특히 리턴은 잘 모르겠어요. 반복해서 들으면 이해가 갈 것 같아요.
  43. 2022.02.24 완료
  44. 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 감사합니다
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기