WEB2 - JavaScript

배열과 반복문

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. whiterror
    ++ 사이에 변수를 넣는다기보다 앞위와 연결을 위해 쓰는거예요,
    ex) '학교에 가고싶다' =>학교에 가고싶다.로 출력이 되는데 중간에 말을 좀끼워넣고 싶다면
    '학교에 '+여기에 스트링변수+' 가고싶다' => 학교에 여기에 스트링변수 가고싶다 이런식으로 출력되요.
    특정 변수의 값이 문자열 중간에 끼워져서 출력되기를 우너할때 사용한다고 보시면됩니다.
    대화보기
    • metallsk
      egoing 님의 멋진 강의 너무 좋습니다!! 학습 이후에 피어나는 호기심의 영역이 오랜만에 삶을 자극합니다.
    • 좀어렵군
      저 궁금한게 있는데 혹시 '' 안에 ++ 사이에 변수를 넣던데 왜 ++가 쓰이는거죠? ㅠㅠ
    • 동글몬
      감사히 잘 봤습니다. 감사합니다~ ^^
    • 후니
      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]+ 부분은 이해하셨을거라 생각하겠습니다.
    • 스페이스몽키
      감사합니다 ! 항상 좋은 강의 감사합니다.!
    • 생활눈코입딩
      이하빛님 쉽게말해서
      A링크 쓰기점에 코워커스 i를 처음 넣은건
      브라우저에 배열 값을 표시 해라 명령했다라고 생각하면되구요

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

      쉽게설명했는데 도움이되려나요?? 저도 배우고있는 입장이라
      제가 이해하는게 맞는지 고수분 알려주세요. 오류라면 지적부탁드립니다
    • 이하빛
      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]+가
      왜 두 번 반복되야하는 건가요?
    • 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 자세히 보기