WEB2 - JavaScript

배열과 반복문

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. 동글몬
    감사히 잘 봤습니다. 감사합니다~ ^^
  2. 후니
    1. <a href="http://a.com/'+coworkers[i]+'">'+coworkers[i]+'</a>

    coworkers[i] 가 2번 들어가는 이유는

    왼쪽에 있는 coworkers[i] 는 그저 링크된 주소일뿐이구요

    오른쪽에 있는 coworkers[i]는 html 화면상에 나타내주기 위한 코드입니다.
    말이 좀 어려울수도 있는데 이해 하셨을련지 모르겠네요


    브라우저상에서 확인해보시면
    1. egoing을 눌러보세요
    2. 링크로 간 주소창의 주소를 봐주세요. http://a.com/egoing 이게 뜰겁니다.
    3. 나머지 leezche, duru, taeho를 순서대로 눌러서 주소창을 봐주시면
    http://a.com/leezche
    http://a.com/duru
    http://a.com/taeho
    로 표기되서 주소창에 출력 될겁니다.

    지금 바로 말씀드린게
    coworkers[i] 왼쪽에 있는 <a href="http://a.com/'+coworkers[i]+'"> 이 부분을 뜻합니다.

    오른쪽에 있는 +coworkers[i]+ 부분은 이해하셨을거라 생각하겠습니다.
  3. 스페이스몽키
    감사합니다 ! 항상 좋은 강의 감사합니다.!
  4. 생활눈코입딩
    이하빛님 쉽게말해서
    A링크 쓰기점에 코워커스 i를 처음 넣은건
    브라우저에 배열 값을 표시 해라 명령했다라고 생각하면되구요

    그다음번 a태그 안에 코워커스i를 또 넣은건
    내가 아까 브라우저에 표시한 배열값 네개가잇는데
    전체를 a닷컴으로 링크달아라~ 이렇게 명령해서 그런거에요
    만약 코워커스2로 했다면 3번째줄만 링크가달렸겠죠??

    쉽게설명했는데 도움이되려나요?? 저도 배우고있는 입장이라
    제가 이해하는게 맞는지 고수분 알려주세요. 오류라면 지적부탁드립니다
  5. 이하빛
    document.write('<li><a href="http://a.com/'+coworkers[i]+'">'+coworkers[i]+'</a></li>');에서

    1. <a href="http://a.com/'+coworkers[i]+'">'+coworkers[i]+'</a>

    2. <a href="http://a.com/">'+coworkers[i]+'</a>

    a링크 태그 안에 +coworkers[i]+가
    왜 또 들어가야하는지 궁금해요! 한줄에 +coworkers[i]+가
    왜 두 번 반복되야하는 건가요?
  6. Dani Choi
    아하 감사합니다!
    대화보기
    • egoing
      따옴표 안에 있으면 문자열로 인식하기 때문에 따옴표를 닫아줘서 이 친구는 변수야라고 알려주는거랍니다~
      대화보기
      • Dani Choi
        document.write('<li>coworkers[i]</li>')라고 하면 coworkers[i]가 반복되어 출력이 되네요.
        document.write('<li>'+coworkers[i]+'</li>')와 차이점이 어떻게 되는 걸까요? 데이터 타입 문제인가요?
        typeof coworkers[0]을 해보니 string이던데 string과 string을 이을때는 따로 ""로 구분을 해줘야하는 이유가 궁금합니다.
        이전 문제들에서는 '<li>1</li>' 이렇게 number와 함께 태그가 쓰일 때는 '<li>'+1+'</li>'이렇게 해줘야할 필요는 없는건가요?
      • Dreaming_Joyy
        으아아아! 조금 어려웠지만 몇차례 만들어 보았더니 잘 해냈어요!!!
        var i = 0
        while ( ) {
        document.write('<li><a href="http://a.com/'+coworkers[i]+'">'+coworkers[i]+'</a></li>'
        i = i + 1
        }
      • egoing
        둘다 짝만 잘 맞추면 사용할 수 있습니다.
        대화보기
        • Freeplay Sims
          수납 상자에 넣을 때 "를 써도 상관 없고 '를 써도 상관 없나요?
          배열 시간에서는 큰 따옴표를 썼는데 이번 수업 시간에서는 같은 문장에 작은 따옴표를 쓰셨길래 질문 드립니다!
        • 라울
          감사합니다.
        • 돌침대에서덤블링
          script 태그 안에서는 html 문법이 아닌 자바스크립트 문법을 써야 되는게 아닐까요??
          대화보기
          • doveyash
            덕분에 공부 재밋게 하고 있습니다 :)
            script 태그 안에 ul 태그를 집어 넣으면 실행이 안되는데, 이유가 무엇인가요? ㅇ.ㅇ

            <script>
            var coworkers = ['egoing', 'leezche', 'duru', 'taeho'];
            <ul>
            var i = 0;
            while (i < coworkers.length) {
            document.write('<li>'+coworkers[i]+'</li>');
            i = i + 1;
            }
            </ul>
            </script>
          • 석준
            +coworkers[i]+가 작은따옴표로 묶인 것이 아니라 그 앞의 <li><a href="http://a.com/ 와 뒤의 "> 가 작은따옴표로 묶인 것입니다. coworkers[i]는 따옴표 바깥에 위치하고 있습니다.
            대화보기
            • Mingi Son
              180214 감사합니다
            • 180210 감사합니다!
            • 왜그럴까
              document.write('<li><a href="http://a.com/'+coworkers[i]+'">'+coworkers[i]+'</a></li>')

              태그내에 이 부분에서 저는 원래 변수, 그러니까 cowerkers[i]같은 부분에는 ' ' 이 표시로 묶어주지 않는다고 배운것으로 기억하고 그 외에 옆에 붙는 '<li><a href="http://a.com/'+coworkers[i]+'">' 이나 '</a></li>'는 보는 것처럼 ' ' 이렇게 묶어주는 것으로 알고 있는데요
              왜 href 내의 주소에 있는 http://a.com......이 부분에서는 보는 것처럼 '+coworkers[i]+'를 괄호로 묶어주는건가요?
            • PassionOfStudy
              << 2018-01-20 - 2일차 _아홉 번째 강의 >> --> 완료!


              정신 없이 강의를 듣고 예제를 따라하다보니 할당량을
              다 채워가네요. ㅎㅎ 시간가는 줄 모를 정도로 재미있습니다. ㅎ
            • 감사합니다~
            • 코드다
              먼저 이고잉님께 좋은 공개 강의 감사드립니다.
              저도 자바스크립트를 처음 보고 있습니다. write() 가 이해가 가지 않아서 조금 조사해 보았습니다.
              제 생각은
              write()는 문자열을 문서에 쓰는 것이고
              '<li><a href="http://a.com/'+coworkers[i]+'">'+coworkers[i]+'</a></li>' 는 다음과 같이 분해됩니다.
              '<li><a href="http://a.com/' + coworkers[i] + '">' + coworkers[i] + '</a></li>'
              만약 i 가 0이라면 coworkers[i] 는 coworkers[0]이 되고 이는 'egoing' 입니다.
              따라서 먼저 '<li><a href="http://a.com/' + coworkers[0] 는 '<li><a href="http://a.com/egoing' 이 됩니다.
              이것이 + '">' 에 의하여 '<li><a href="http://a.com/egoing">' 가 됩니다.
              또 + coworkers[i] 는i가 0일때 + 'egoing' 이기에 다시 '<li><a href="http://a.com/egoing">egoing'이 되고
              최종적으로 + '</a></li>' 에 위하여 '<li><a href="http://a.com/egoing">egoing</a></li>'이 되면
              문서에는 HTML로 <li><a href="http://a.com/egoing">egoing</a></li> 라고 쓴 것이 되는 것 같습니다.
              대화보기
              • 부건혁
                반복문만 사용할때는 '<li>....</li>' 이렇게 li태그를 따로 묶지 않아도 됐었는데 배열과 같이 사용하면 왜 '<li>'+....+'</li>'
                이렇게 li태그를 묶고 +사용하여 묶는지 궁금합니다..
              • 이유리
                감사합니다.
              • 아이드롭
                어려워지면서 재밋어지면서 ㅋㅌㅋㅋ 감사합니당
              • egoing
                문자와 문자를 묶는 역할이예요~
                대화보기
                • Kim Jinkyu
                  강의 잘 봤습니다!+coworkers[i]+ 여기서 ++의 역할은 무엇인가요?
                버전 관리
                egoing
                현재 버전
                선택 버전
                graphittie 자세히 보기