웹 애플리케이션 만들기

함수

함수의 기본문법 

12.php

<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8">
</head>
<body>
  <h1>JavaScript</h1>
  <script>
    function a(){
      document.write("Hello JS Function");
    }
    a();
  </script>

  <h1>php</h1>
  <?php
    function a(){
      echo "Hello PHP Function ";
    }
    a();
  ?>
</body>
</html>

함수의 입력과 출력 

13.php

<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8">
</head>
<body>
  <h1>JavaScript</h1>
  <script>
    function a(input){
      return input+1;
    }
    document.write(a(6));
  </script>

  <h1>php</h1>
  <?php
    function a($input){
      return $input+1;
    }
    echo a(6);
  ?>
</body>
</html>

소스코드

github

댓글

댓글 본문
작성자
비밀번호
  1. Seo Yun Seok Tudoistube
    이고잉님 교재 만드실때 톱니바퀴는 직접 그리신건지, 프레지도 쓰시는건지,
    운영체제마다 어떻게 한 화면에 강의를 담으시는지, 슬라이드에 쓰이는 폰트도 너무 이쁘고...
    교재 만드는 방법도 한번 강의로 만들어 주시면 정말 도움될거 같습니다. 감사합니다^_____^
  2. 송재욱
    완주 완료 !
  3. 쿠쿠다스
    감사합니다
  4. 허스키
    완주했습니다
  5. mama
    이제 조금 이해가 안되는 것들이 나오기 시작하는데...그래도 끝까지 가보고 처음부터 다시 보겠습니다~ ㅎ
    감사합니다~
  6. 슈퍼디벨로퍼
    완료!!!
  7. 부연설명 고맙습니다 =)
    대화보기
    • zephyr
      감사합니다. 조금은 이해하기 어렵네요 ^^
    • 감사합니다. 3.28
    • 14번째
      3.19.
    • Jaeeui Kwon
      20170313
    • 글로리아
      document.write("고맙습니다 ^^")
    • 미싱프로그램
      <?php
      function a($input){
      return $input*100;
      }
      echo a(감사~);
    • 170220
      감사합니다.
    • funlife
      강의 감사합니다.
    • 해커가꿈인사람
    • 강경호
      감사합니다
      170211
    • springstar
      아잉 저도 이해됬음 ㅎㅎ
    • Mijin Jeon
      헉 상세하게 설명해주신 91MS 님 감사합니다! 이해가 확 됐네요
    • macbookrgh55
      2017-01-05
      12:12 PM 잘봤습니다
    • 쌘진
      2016-01-03 완료
    • 김남경
      감사합니다
      ~
    • 완료
    • 더 나은 연산이라는 말씀이 무슨말인지 이해가 안되시는분들 쉽게 생각하세요!

      우리는 a()라는 함수를 function으로 정의했습니다.
      하지만 처음 해본 방법에는 불편함이 있다고 했습니다. 그 이유는 document.write 까지 a()함수에 정의를
      내렸기 때문입니다.

      예)
      function A(X) {
      document.write(X+121021012012012012010120*156123154212);
      }
      A(6);
      function B(X) {
      prompt(X+121021012012012012010120*156123154212);
      }
      B(6);

      이렇게 정의해버리면 다른 함수기능을 불필요하게 추가해야하는 불편함이 생겨버리죠. 연산이 쉬운
      더하기가 아닌 계산하기 힘든 1억 1조단위의 숫자라고 생각해보세요. 다시 그 숫자를 적어야합니다. 똑같은 연산법을 prompt에 적용할 뿐인데도 함수 정의를 다시 만들어야하죠. 더 나은 연산법을 적용해보죠.

      예)
      function a(X) {
      return (X+121021012012012012010120*156123154212);
      }
      document.write(a(6));
      prompt(a(4));

      이렇게 하면 다시 적을 필요 없이 그냥 prompt라는 함수를 적기만 하면 저 연산이 가능 한겁니다.
      다시 저 방대한 1억 1조같은 단위를 적을 필요없이 말이죠.

      도움이 되었으면 합니다.
    • #코스머스#
      16-12-22 완료.
      항상 좋은 강의 고맙습니다.
    • 복숭해
      2016.12.02 17:05 완료
    • harris
      2016.12.01 16.42 완료
    • 박정한
      완료
    • San Koh
      161115 양념같은(?) 강의 잘들었습니다.
    • 완료
    • 뀨뀨몬
      a라는 함수의 input에 6을 넣으면

      1번 같은경우는 7(=6+1)를 웹브라우져 창에 나타내는 함수이고
      2번 같은경우는 7(=6+1)되는 함수입니당

      1번은 값을 창에나타내는 기능이 다지만
      2번은 숫자 이기때문에 이 숫자를 창에 나타낼수도 더할수도 곱할수도 나눌수도 뺄수도 등 더 다양하게 사용할수있기때문인듯합니당
      대화보기
      • nomad2gleam
        입력값 출력값이야 함수 수학 생각하면 아무 문제 없는데 저는 여기서 조금찝찝하네요
        3번째 다시 보면서 다 이해하긴 했는데요, 제가 3번째 다시 보게 된 이유는


        왜 return으로 바꾼뒤에 '더 좋은지'에 대해
        "document.write말고 다른것도 사용할 수 있으니까요" 라는 설명을 해주셨는데(댓글을 보아도)
        저는 이 문장만으로는 이해하기가 어렵네요

        return으로 바꿈으로써 '실질적으로' return이 아닌경우와 다르게, 어떤점에서 이득이고 안좋은지를
        예를 들어주시면 정말 고마울 것 같아요..


        ㅠㅠ 다른 공동공부 하시는 분들중에서라도 아시는 분 계시면 *상대적비교를 통한 예를 들어서* 설명해주시면 정말 이해하기 좋을 것 같습니다...! 번거롭게 죄송합니다.
      • 깐깐징어
        잘 봤습니다!!!!
      • 이병정
        연산되는 순서의 앞뒤가 잘 이해되지 않네요.. ㅜ0ㅜ
        차츰 알게 되겠죠? ^^);;
      • Andynam
        공감이요... 하나만더 하다가 오늘 엄청많이봤네요 ㅋㅋ
        강의 내용도 설명멘트, 비유도 다 좋네요
        대화보기
        • querencia
          <- 2016.10.29 (17:30~21:10) 수강완료
        • 활화산
          강의 잘 듣고 넘어 갑니다. 감사합니다
        • 수강완료
          감사합니다
        • Gayong Sim
          2016. 10. 22 수강완료 (중요한 파트!!)
        • 유익한 강의 너무나도 감사합니다.
        • 이성진
          수강 완료!
          좋은 강의 항상 감사 드립니다~
        • 아무개
          $표시는 변수선언할때 사용하는것입니다.

          echo는 화면에 php의 결과물을 출력하기위해 쓰는것이구요
          대화보기
          • DECIMO
            2016.09.28 감사합니다.
          • 이수재
            수강완료 09/23
            재수강할 필요 있음.
          • 2016/9/18 완료
          • 강의 내용으로 보았을때

            document.write("내용");
            이라는 것은 화면에 "내용"을 출력한다. 라는 말이구요.

            prompt("제목");
            이라는 것은 화면에 "제목"의 입력창을 띄운다라는 말이네요.

            작성하신 함수 기준으로 보았을때
            a(3) 이라는 함수호출은

            화면에 "3"을 출력하고 나오는 값은 "결과가 없는 제목"으로 입력창을 띄운다가 되겠네요.

            강의 내용대로 변경하시려면
            document.write (input);
            라인을
            return input;
            으로 바꾸셔야 원하시는 결과를 얻으실
            수 있겠네요.
            대화보기
            • Joong-ha Hwang
              function a(input){
              document.write (input);
              }
              prompt(a(3));

              에서는 결과값이 prompt창에 안 뜨고 화면에 출력이 되던데
              document.write 함수의 기능이 '화면에 출력'하는 기능인 건가요????
              괜히 저거 해봤다가 혼란스러워졌네용
            • Joong-ha Hwang
              공감... 하나만 더 하나만 더 하면서 계속 보게되네요 ㅋㅋㅋ
              대화보기
              • 형진
                완료 2016.8.21
              • 제리피
                2016.08.17 완료
              버전 관리
              egoing
              현재 버전
              선택 버전
              graphittie 자세히 보기