WEB2 - JavaScript

배열과 반복문

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. karen
    웅,에델,카렌 완료
  2. konslie@gmail.com
    document.write('<li>'+Array[ i ]+'</li>') 여기에서

    <li> 태그를 따옴표로 감싸는 이유는 무엇일까요...?
  3. 웅이
    '변수와 대입 연산자' 시간의 내용중에,
    var name= 'egoinig' 으로 설정하면 그다음 이어지는 내용들에서 "+name+"이 들어간 부분들은 "egoing"으로
    한꺼번에 바뀌었잖아요?
    이때 "+name+" 에서 ++와, 이번시간의 +coworkers[i]+ 의 ++는 다른건가요 ?
    문자와 문자를 묶는다는말씀이 coworkers[i] 를 한 묶음으로 인식하게 한다는건가요...?
    대화보기
    • 감사합니다!!
    • flyhoon
      데이터가 바뀌면 그 바뀐 데이터에 따라서 유연하게, 다이나믹하게 바뀌어야 한다는 말이 인상 깊습니다!
    • 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 자세히 보기