생활코딩

Coding Everybody

코스 전체목록

닫기

반복문

 9.php

<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8">
</head>
<body>
  <h1>JavaScript</h1>
  <ul>
  <script>
    i = 0;
    while(i < 10){
      document.write("<li>hello world</li>");
      i = i + 1;
    }
  </script>
  </ul>

  <h2>php</h2>
  <ul>
  <?php
    $i = 0;
    while($i < 10){
      echo "<li>hello world</li>";
      $i = $i + 1;
    }
  ?>
  </ul>
</body>
</html>

소스코드

github

댓글

댓글 본문
작성자
비밀번호
  1. 지나가던 누군가
    자바스크립트로 document.write("<li>hello world</li>");을 html 내에 작성하게 되면
    html에 '코드정보'로 입력되는 것이 <li>hello world</li> 입니다.
    어떻게 보면 질문자님께서 말씀하신 것처럼 <li>hello world</li> 전체가 html에게는 코드정보로 하나의 문자처럼 입력이 되는 것이라 봐도 되겠네요.
    그러면 html에서는 <ul>태그 사이에 마치 우리가 직접 <li>hello world</li>를 작성한 것처럼 표현되겠죠?
    그리고나면 사용자에게 보여지는 화면 상에서는 <li>태그 안에 작성된 '내용'인 hello world가 보여지는 것이죠
    대화보기
    • 궁금해요
      document.write("<li>hello world</li>");
      여기서 <li>는 왜 문자가 아닌 요소로 해석되나요?
    • 지나가는 설명충
      설명 안해주신게 쪼금 있네요...

      "=" 연산자는 오른쪽부터 처리합니다.
      따라서 i = i+1 ; 에서 i+1를 먼저 처리한후 처리한 값을 i에다 대입하는 것이죠.
    • 바다의왕자
      감사합니다.
    • sung박
      for while 을 자바스크립트와 php에서도 쓸수 있다
    • Jinsoo Choi
      감사합니다
    • jy1234
      감사합니다.
    • 라이언
      18.04.11 수강 - 감사합니다
    • Hyun Woong Henry Choi
      질문있습니다!

      line 12에

      document.write("<li>hello world</li>"); 에서

      "" 안에 들어가는 text는 모두 문자로 인식해야 되는 것 아닌가요?
      왜 <li>는 "" 안에 있는데도 태그로 구분되는건지 궁금합니다..
    • 누구님
      18.02.08, 감사합니다
    • hodduck0121
      감사합니다
    • chunjoo
      감사합니다^^
    • picohiyo
      20180124
    • Esan Woo
      재미있네요. 실수로 ul tag를 <?php ?> 안에 넣지 않아서 오류를 보게 되었는데, 결국 js나 php 모두 html을 해석하지는 못하지만, js나 php가 반환하는 값은 html로 해석되는거군요. 그래서 echo로 출력하는 문자열 안에 html tag가 들어가 있다면 그게 반환된 후 html형식으로 다시 해석되는건가보네요.
    • 슝태
      20180106
    • 2018/1/1
      감사합니다.^^
    • PassionOfStudy
      17-12-23 5일차 - 7번째 강의

      수강완료!

      --------------------------------------------------------------------------
      @ 반복문
      JavaScript와 PHP 모두 동일하다

      @ 표현
      i = 0;
      while( i < 10 ) {
      document.write("Hellow World <br />"); // JavaScript
      echo ("Hellow Wolrd <br />"); // PHP
      i = i + 1;
      }
      --------------------------------------------------------------------------
    • 강의 잘 봤습니다.
    • 이근환
      2017-11-29 수강3일차

      수강완료하였습니다.

      <!DOCTYPE html>
      <html>
      <head>
      <meta charset = "utf-8">
      </head>
      <body>
      <h1>JavaScript</h1>
      <ul>
      <script charset = "utf-8">
      i = 0;
      while(i<10) {
      document.write("<li>Hello World<br /></li>");
      i = i+1;
      }
      </script>
      </ul>

      <h1>php</h1>
      <ul>
      <?php
      $i = 0;
      while($i<10) {
      echo "<li>Hello World<br /></li>";
      $i = $i+1;
      ?>
      </ul>
      <body>
      </html>
    • 박인호
      11-24
      수강완료.
    • 11-19
      감사합니다..
    • atnskynst
      11/18
    • 2017년 11월 16일 수강완료
    • 서성진
      수강 완료했습니다.
    • khi0211
      응용해서 구구단 출력해보았습니다!

      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      </head>
      <body>
      <h1>JavaScript</h1>
      <ul>
      <script>
      i = 1;
      k = 1;
      while(k<9){
      if (i<9) {
      while(i<=9){
      document.write("<li>"+k+"*"+i+"="+k*i+"</li>");
      i = i + 1;
      }
      }else {
      i = 0;
      k = k+1;
      while(i<9){
      i = i + 1;
      document.write("<li>"+k+"*"+i+"="+k*i+"</li>");
      }
      }
      }
      </script>
      </body>
      </html>

      좋은 수업 감사드립니다!
    • 2017/11/08 complete!
    • 유상원
      2017-11-02 완료!
    • I love computer
      제가 또 응용을 했습니다.곱셈식 출력!
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>반복문</title>
      <style>
      ul{
      list-style-type: circle;
      border:skyblue 2px solid;
      }
      </style>
      </head>
      <body>

      <h1>javascript</h1>
      <ul>
      <script>
      num = 1;
      while(num<=10){
      document.write("<li>9*"+num+"="+9*num+"</li><br />");
      num = num + 1;
      }
      </script>
      </ul>
      <h1>php</h1>
      <ul>

      <?php
      $num = 1;
      while ($num <= 10) {
      echo "<li> 9*".$num."=". 9*$num."<br /></li>";
      $num = $num + 1;
      }
      ?>

      </ul>
      </body>
      </html>
    • Hyunjae Lee
      10/5!
    • 리브
      10월 3일 // 정주행 잘 하구 있습니당 ㅎ_ㅎ

      C언어를 한적 있어서 개념이해의 문제는 없다만요..

      쓰는것이 ㅎㅎ아직 낯설게 느껴지네요
    • Jinsfund
      17.10.01
    • whalecode
      09.29 compl
    • 참치군주
      0929
    • XTRA
      9/28 COMPL
    • Dongwon Shin
      수강완료했습니다.
    • 강수경
      0928
    • Dongwon Shin
      수강완료했습니다.
    • 알파고
      9.28
    • 완료!
    • hyun
      9/25 완료
    • kimsogic
      완료
    • 다시시작
      완료
    • 효근
      2017. 09. 21 완료
    • 주주맘마
      완료
    • 왓떠뻐꺼
      완료했습니다. 감사합니다.
    • Cooldaddy
      오늘도 한걸음 전진! 강의 감사합니다
    • Subin Ha
      요즘 코딩 공부를 할 물리적, 정신적 여유가 너무 없네요. 물론 변명이라는 걸 알고 있습니다. 하루에 20-30분이라도 시간을 내려고 마음 먹었지만, 그게 또 쉽지가 않다는 걸 느낍니다. 매번 새롭게 다짐을 해도 정말 쉽지만은 않군요. 장기적인 시각으로 차근차근 따라간다는 생각으로 다시 마음을 다 잡아 봅니다. 다시 한 번 small start 입니다. 그리고 강의 너무 감사합니다!
    • jjung
      완료!~~!
    • 효효
      완료! :)
    • 잼있어요
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기