웹 애플리케이션 만들기

배열

배열 

 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. 답변
    왜 <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에서 더하기는 수업시간에 . 라고 나옵니다

                    부족한 답변이였습니다.
                    대화보기
                    • 다시시작
                      완료
                    • 효근
                      2017. 09. 21 완료
                    • 주주맘마
                      완료
                    • 왓떠뻐꺼
                      완료했습니다. 감사합니다.
                    • 김보미
                      신기하고 재밌어요! 감사합니다.
                    • 정문경
                      감사합니다~
                    • 아르센
                      정말 유익한 강의였습니다~ㅎㅎ
                    • SanFrancisco
                      배열과 반복문이 만나면 굉장히 강력해지는군요!
                    • pash15xk
                      완료
                    • 카라멜팝콘
                      자문자답 하겠습니다.
                      생활코딩 페북 그룹 질문 올리고 받은 답변입니다.

                      -이성광: 한참 쓰다가 딴데를 보러 갔다가 잊어버려서 생기는 문제는 예방해줍니다..

                      -Bryan Rhee: 괄호 열닫 따옴표열닫 잘못해서 생기는 신텍스 에러는 막아줍니다

                      결론적으로 코딩 레벨이 높아지면 발생할 수 있는 문제들이 예방되는 것 같습니다.
                      즐코하세요!
                      대화보기
                      • 카라멜팝콘
                        에디터와 관련된 질문인데...
                        저도 이고잉님 따라서 atom 쓰고 있는데요
                        패키지? 때문인지 모르겠지만 큰 따옴표(")를 쓰면 자동으로 두 개("")가 생기고 그 안에 내용을 쓸 수 있게 커서가 위치하는데,
                        이 기능 끌 수도 있나요? 이 기능이 과연 쓸모가 있는건가 싶어서요.

                        어차피 따옴표 안에 내용 쓰고 밖으로 나갈려면 따옴표 하나를 더 찍어서 자동으로 끝에 따옴표가 사라지게 만들든지
                        아니면 오른쪽 화살표 눌러서 따옴표 밖으로 나가든지
                        결국 키보드로 한번 움직여줘야되는건 마찬가지라서
                        오히려 코딩 수정 중에 진짜 따옴표 한번만 써야할 때는 일부러 뒤에 하나를 지워야하는 불편함이 있네요.

                        제가 모르는 편의 기능이 숨어있는 건지...
                        고수분들의 조언 부탁드립니다!
                      • 유봉기
                        Check!
                      • 김태윤
                        완료했어요
                      • Michael
                        완료!
                        감사합니다~
                      • 신시내티
                        와.. 재밌어요!!
                      • svastica
                        완료! 감사합니다...
                      • GoldPenguin
                        완료했습니다.
                      • Baekkyu Han
                        배열 array
                        일차원 array

                        배열+반복문
                        list를 배열+반복문으로 만들기
                      버전 관리
                      egoing
                      현재 버전
                      선택 버전
                      graphittie 자세히 보기