웹 애플리케이션 만들기

배열

배열 

 10.php

<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8">
</head>
<body>
  <h1>JavaScript</h1>
  <script>
    list = new Array("one", "two", "three");
    document.write(list[2]);
    document.write(list.length);

  </script>

  <h1>php</h1>
  <?php
    $list = array("one", "two", "three");
    echo $list[2];
    echo count($list);
  ?>
</body>
</html>

배열과 반복문 

 11.php

<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8">
</head>
<body>
  <h1>JavaScript</h1>
  <ul>
  <script>
    list = new Array("최진혁", "최유빈", "한이람", "한이은", "이고잉");
    i = 0;
    while(i < list.length){
      document.write("<li>"+list[i]+"</li>");
      i = i + 1;
    }
  </script>
  </ul>

  <h1>php</h1>
  <ul>
  <?php
    $list = array("최진혁", "최유빈", "한이람", "한이은");
    $i = 0;
    while($i < count($list)){
      echo "<li>".$list[$i]."</li>";
      $i = $i + 1;
    }
  ?>
  </ul>
</body>
</html>

소스코드

github

댓글

댓글 본문
작성자
비밀번호
  1. 원스팩토리
    감사합니다
  2. Jinsoo Choi
    많은 도움이 되고 있습니다. 감사합니다
  3. jy1234
    감사합니다.
  4. jy1234
    감사합니다.
  5. 김민수
    1. document.write(<li>list[1]</li>);
    2. document.write("<li>list[1]</li>);
    3. document.write("<li>"+list[1]+"</li>")
    위의 세가지의 차이점이 무엇인가요??
  6. 라이언
    18.04.11 수강 - 감사합니다
  7. 네 맞습니다. 변수는 ""큰따옴표를 사용하게되면 문자열로 처리되서 변수를 사용하실려면 ""큰따옴표를 제거하고 사용하셔야해요
    대화보기
    • 곧 완성
      18.03.04.수강완료. 선생님 땡큐
    • Hyun Woong Henry Choi
      질문있습니다!

      document.write() 과 echo() 안에는 태그를 포함한 문자는 ""을 사용하고, 변수를 포함한 숫자는 ""를 사용하지 않는게 맞나요? 변수에 ""을 썼더니 제대로 작동되지 않네요~

      확인 부탁 드립니다!
    • 누구님
      18.02.08, 감사합니다
    • 카늬
      20180129
    • picohiyo
      20180124
    • 맞습니다
      대화보기
      • MongJA
        한 페이지에서 배열을 여러개 만들고자 해도 배열 이름은 계속 New Array / Array
        로 하고 변수 이름만 바꾸나요??
      • 슝태
        20180116
      • 2018/1/1
        감사합니다.^^
      • PassionOfStudy
        17-12-25 6일차 - 1번째 강의

        수강완료!

        -----------------------------------------------------------------------------------
        @ 배열
        변수를 담는 그릇

        @ 표현
        <<JavaScript>>
        변수명 = new Array("one", "two", "three");
        변수명[0] = "one", 변수명[1] = "two", 변수명[2] = "three"를 나타낸다.
        배열의 요소는 0부터 시작한다.

        <<PHP>>
        $변수명 = array("one", "two", "three");
        $변수명[0] = "one", $변수명[1] = "two", $변수명[2] = "three"를 나타낸다.
        -----------------------------------------------------------------------------------
      • 강의 잘 봤습니다.
      • 답변
        왜 <li>앞뒤로 ""를 붙이는 거죠?

        document.write() 괄호 안에는 string 즉, 문자열이 와야합니다.
        write() function은 문자열을 받아서 처리하는 function이기 때문입니다.
        그러므로 tag도 문자열로 받아들여야하기때문에 ""를 붙여야합니다.
        php도 같은 맥락이죠.
        echo 뒤에는 문자열이 와야하므로 tag에 ""를 감싸준겁니다.
        어떠한 것이든 큰 따옴표를 붙이면 문자열로 바뀌죠.

        참고로 여기서 +또는 .은 문자를 이어주는 역할을 합니다.
        대화보기
        • 웹사이트
          php 설치없이도 php 코드 작성 실행 가능한 웹사이트입니다.
          http://www.writephponline.com/
          코드 작성 후 우측하단에 있는 Run Code 버튼을 누르면 됩니다.
          대화보기
          • ohshatom@gmail.com
            php 도 설치해야 하는건가요? 어떻게 설치 하는건가요?
            제가 잘몰라서요
            대화보기
            • 김계승
              php를 설치하셨나요?
              대화보기
              • hanulsso
                php명령어가 크롬브라우저에서 작동을 안하는데 뭐가 잘못된 건지요?
                코딩에는 아무 문제가 없습니다.
                교재상의 코드를 그대로 붙여넣기 해도 작동을 안하는데
                무슨 문제일까요
                아시는 분 코칭 좀 부탁드립니다.
              • 이근환
                2017-11-29 수강3일차

                조금씩 어려워지지만 너무 재밌습니다.

                감사합니다!
              • 2017년 11월 25일 수강완료
              • 박인호
                11-24
                수강완료.
              • 11-20
                점점 어려워지네요...
              • I love computer
                ㅋㅋㅋ
                대화보기
                • 동물사랑
                  그냥그냥그냥~~
                  대화보기
                  • 동물사랑
                    님 찐따?
                    대화보기
                    • atnskynst
                      11/18
                    • 서성진
                      잘봤습니다. 대단하네요!
                    • 코딩은어려워
                      질문있습니다

                      왜 <li>앞뒤로 ""를 붙이는 거죠?
                    • 유상원
                      2017-11-02 완료!
                    • I love computer
                      오 제미있네요^^
                      또 옛날에 배운 css 를 이용하여 꾸미니 엄청 예뻐지네요.

                      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                      <!DOCTYPE html>
                      <html>
                      <head>
                      <meta charset="utf-8">
                      <title>배열 반복문</title>
                      <style>
                      body{
                      background-color: black;
                      }
                      h1{
                      color:skyblue;
                      border-bottom:3px solid orange;
                      width:600px;
                      }
                      ul{
                      color:gray;
                      list-style-type: square;
                      border: 5px purple dotted;
                      width:500px;
                      background-color: pink;
                      }
                      </style>
                      </head>
                      <body>
                      <h1>javascript</h1>
                      <ul>
                      <script>
                      list = new Array("잘생김","진짜 잘생김","지이인짜 잘생김","완전 잘생김","완전완전 잘생김","지이이이이이.....인짜 와아아아아......안전 잘생김");
                      i = 0;
                      while (i < list.length) {
                      document.write("<li>"+list[i]+"</li>");
                      i = i+1;
                      }
                      </script>
                      </ul>
                      <h1>php</h1>
                      <ul>
                      <?php
                      $list = array("잘생김","진짜 잘생김","지이인짜 잘생김","완전 잘생김","완전완전 잘생김","지이이이이이.....인짜 와아아아아......안전 잘생김");
                      $i = 0;
                      while ($i < count($list)) {
                      echo "<li>".$list[$i]."</li>";
                      $i = $i+1;
                      }
                      ?>
                      </ul>
                      </body>
                      </html>
                    • I love computer
                      앞에 자바스크립트는 길이가 길고 php는 길이는 짧고 분명히 지칭하는 대상이 적혀 저 있다고 했는데
                      배열을 만들때 list = new Array("최진혁", "최유빈", "한이람", "한이은", "이고잉");
                      과 같이 만드는데 앞에 list는 변수 이름이기 때문에 list를 hello 로 바꾸고 list.length 를 hello.length 로 바꿔도 작동해요.
                      그러니까 list.length 앞에 list는 변수의 이름이라는 뜻입니다!(아 참고로 제가 그냥 실험하고 말하는거라서 덜 정확할수도 있어요.)
                      또 "<li>"이 궁금합니다. 문자라서 li는 따옴표를 쓰고 변수라서 ""없이 쓰는 거 맞나요? 라고 말했는데
                      아마 맞는것 같아요. 제가 줄바꿈태그 <br /> 을 "" 밖에서 쓰니까 오류가 발생하고 ""안에 쓰니까 오류가 발생하지 않내요.
                      또 변수를 ""에 넣으니까 문자열로 인식이 되서 변수 값이 안나오고 문자열이 출력되네요.
                      (아 이 정보는 저의 생각일 뿐이며 정확하지는 않습니다.)
                      대화보기
                      • 소소대담
                        수강완료
                        자바스크립트는 이름이 긴만큼 list.length로 길이가 길고
                        php는 count($list)로 명령어 count는 짧되, 분명히 지칭하는 대상이 적혀져 있네요.
                        저도 다른 분도 질문한 것처럼 "<li>"이 궁금합니다. 문자라서 li는 따옴표를 쓰고 변수라서 ""없이 쓰는 거 맞나요?
                      • 구본혁
                        수강완료했습니다.
                      • 송성태
                        막연하던 배열이 어느 정도 감이 잡힙니다. 선생님.
                        큰 따옴표(" ")는 문자라서 쓰는 것 같은데요.
                        "+"는 문자들을 연결한다는 의미같고요. ^^
                      • 10/3 COMPL
                      • 리브
                        저도 질문이 있습니다

                        while (i < list.length){
                        document.write("<li>" + list[i] + "</li>");
                        i = i + 1;
                        }
                        여기에서 왜 <li> 앞 뒤로 큰 따옴표를 붙이는지와 +를 하는지

                        밑에 php도 같은 의문이 있습니다..
                      • 이동원
                        0929
                      • 강수경
                        0928
                      • Dongwon Shin
                        수강완료했습니다.
                      • 알파고
                        php 조금 어렵네요 ㅎ $하나 더 붙이는데 ㅋㅋ
                      • 효효
                        완료!
                      • 완료!
                      • 9/25 완료
                      • Jayden贤宇
                        1.질문
                        제 생각에는 ""이게 들어가는 이유는 <li>는 html 즉 웹페이지에서 작동하는 언어인데
                        코알못님은 php 즉 서버에서 작동하는 언어에 html에서 사용하는 문법을 사용하실려는 거니깐 "<li>"이게 맞는거 같구요

                        2.질문
                        위에서 말씀드렸다시피 <li>는 웹페이지에서 작동하는 언어라서 "<li>"가 맞구
                        php에서 더하기는 수업시간에 . 라고 나옵니다

                        부족한 답변이였습니다.
                        대화보기
                        • 다시시작
                          완료
                        버전 관리
                        egoing
                        현재 버전
                        선택 버전
                        graphittie 자세히 보기