WEB2 - JavaScript

배열과 반복문

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. didQk
    완료!
  2. 이채
    저도 이제 막 시작하는 초보라 잘은 모르지만
    javascript 내에 html 태그를 넣었기 때문은 아닐까요?
    대화보기
    • Seohee Kim
      완료
    • 2019-02-19 완료
    • 우도순
      완료
    • 발헤
      감사합니다. 완료
    • 이고잉메리호
      따옴표 문제로 고민하시는 분들 참고하세요~

      자바스크립트에서는 "~~~~"나 '~~~' ㅇ와 같이 문자열을 표현한다.

      ""와 ''의 기능적 차이는 없으나 "로시작한것은"로 끝나야하고 '도 마찬가지로 '로 끝나야한다.

      또한 각 따옴표는 처음으로 짝이 맞는경우 서로를 짝으로 인식한다.

      코드가 컴파일 될때 "만 쓰이는 경우로 예를 들어보면

      document.write("<li><a href ="http://a.com" + arr[i] + " ">" + "</li>"); 의 경우

      컴파일러는 "와 최초로 만난 "를 짝으로 인식하기때문에 첫 번째로"<li><a href ="가 인식된다.

      이 경우는 작성자의 의도와 맞지 않다. 따라서 먼저 인식이 되어야 하는 단위로 따옴표의 차이를 두어야 한다
      .
      document.write('<li><a href ="http://a.com' + arr[i] + ' ">' + '</li>'); 이런식으로 코드를 바꾸면 정상

      적인 작동이 됨을 알 수 있다.
    • 지미츄
      완료 감삽니다 ! 링크부분이 헷갈립니다 !
    • 함가죠
      완료 감사합니다:)
    • 이수하
      완료
    • gravity251
      완료
    • Aimhee
      완료
    • 돼지천재
      감사합니다.
    • icdoit
      감사합니다.
    • Sang Cheol
      다시 경청하니 이해가 갑니다.// 감사합니다.
    • Yeonhwa An
      감사합니다!
    • 웅이
      감사합니다 복받으세요
      대화보기
      • ㅈㅈㅎ
        같은겁니다.
        대화보기
        • 이하빛
          감사합니다!! 이해되도록 설명 잘해주셨습니다!! 답답했는데 속이 뚤렸어요~!!
          답변해주셔서 감사합니다^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 감사합니다
                          • JN87
                            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일차 _아홉 번째 강의 >> --> 완료!


                            정신 없이 강의를 듣고 예제를 따라하다보니 할당량을
                            다 채워가네요. ㅎㅎ 시간가는 줄 모를 정도로 재미있습니다. ㅎ
                          • Fiat
                            감사합니다~
                          • 코드다
                            먼저 이고잉님께 좋은 공개 강의 감사드립니다.
                            저도 자바스크립트를 처음 보고 있습니다. 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
                            현재 버전
                            선택 버전
                            graphittie 자세히 보기