WEB2 - JavaScript

배열과 반복문

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. 돼지천재
    감사합니다.
  2. icdoit
    감사합니다.
  3. Sang Cheol
    다시 경청하니 이해가 갑니다.// 감사합니다.
  4. Yeonhwa An
    감사합니다!
  5. 웅이
    감사합니다 복받으세요
    대화보기
    • ㅈㅈㅎ
      같은겁니다.
      대화보기
      • 이하빛
        감사합니다!! 이해되도록 설명 잘해주셨습니다!! 답답했는데 속이 뚤렸어요~!!
        답변해주셔서 감사합니다^0^~~!!
        대화보기
        • 이하빛
          정말 감사합니다!! 오랜만에 다시보고서도 궁금해서 댓글을 달려다보니 답변해주셨네요!
          정말정말 궁금증이 풀려서 속시원해요!! 감사합니다^0^~~!!!! 또 열심히 열공해야겠어요!
          대화보기
          • 웅,에델,카렌 완료
          • konslie@gmail.com
            document.write('<li>'+Array[ i ]+'</li>') 여기에서

            <li> 태그를 따옴표로 감싸는 이유는 무엇일까요...?
          • 웅이
            '변수와 대입 연산자' 시간의 내용중에,
            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 자세히 보기