생활코딩

Coding Everybody

코스 전체목록

닫기

배열과 반복문

소스코드

변경사항

댓글

댓글 본문
  1. Münster
    오오 감사합니다!!!!!! 이해하는데 많은 도움이 되었어요!!! :) b
    대화보기
    • 이미 지나서 도움이 되실지 모르겠지만..
      CSS 과정도 들으셨다면 아마 <span>이 inline element 라는걸 들으셨을 것 같아요! (이 과정 안하시구 먼저 자바스크립트부터 들으시는 것 같아서 이해를 못하지 않았나 싶습니다)
      <b> <i>도 마찬가지로 inline element라서 화면전체가 아닌 특정 문자에 대해 그 문자에 맞는 사이즈에 딱맞게만 적용범위가 설정되서 줄이 넘어가지 않고 줄 이어져서 글이 작성되는 것이고

      <div>와 같이 block level element를 사용하신다면 이건 특정 코드에 대해서만 공간이 적용되는게 아니라 화면 전체로 적용이 되서 공간이 너무 커서 글씨가 줄바꿈이 됩니다. <ol><li><p>도 마찬가지구요 !

      엄... 이부분은 CSS 파트를 들으시면 명쾌하게 이해가 될 것 같습니다! 아무래도 코딩이다 보니 직접 보셔야 이해가 될 듯해요.. ㅠㅠㅠ

      그리고 어떤 변수를 변수화 하여 사용하려면 '++' 형태가 기본이고 document.write()에서 () 안에 값들을 하나하나 나타내려면 작은따움표를 한번더 써주셔야합니다 이렇게요! document.write(''+coworkers+'')

      그냥 '+coworkers[i]+'라고만 적으셔서 당연히 웹페이지에서 출력될땐 문자열 데이터 타입으로써 coworkers[i] 그대로 출력이 된 것 같네요 4번 출력이 된건 coworkers라는 글자가 아닌 hi 라고 바꿔도 4번 나올것이고 [i]를 없애고 hi만 적어도 4번 나올겁니다. 왜냐하면 4번 반복되도록 배열속에 4개의 원소를 넣은 상태고 i=0부터 i=3까지 다 돌아도 4번다 돌면서 4번 적으라고 한 반복문대로 작동 할테니까요
      대화보기
      • 로로루리
        a태그 안에 링크부분을 각각 배열마다 다르게 설정할 수 있을까요..?
      • supernova
        <a href="http://a.com/'+coworkers[i]+'">
        이 부분에서 굳이 +coworkers[1]+를 쓰는 이유가 무엇인가요?
        바로 뒤에도 똑같은 것이 오지 않나요?
      • Münster
        오오 말씀하신대로 <b> <i> <span>했을 때 그렇게 줄줄이 나오네요..!!!!
        뭔가 왜그런지알수없어 아쉽지만 :'-) 덕분에 줄줄이 쓰는 건 성공했어요!! 감사해요 ㅎㅎㅎ
        대화보기
        • hwangwonjoon
          2021.08.13 수강완료
        • </script> 태그를 끝에 붙여주고
          document.write(+coworkers[i]+); 부분을
          document.write('+coworkers[i]+');로 바꿨을 때 결과가
          +coworkers[i]++coworkers[i]++coworkers[i]++coworkers[i]+
          로 나오더라구요

          '+coworkers[i]+' 사이에 <b>나 <i>같은 태그를 넣어서
          document.write('<b>'+coworkers[i]+'</b>');로 짰을 때는 말씀하신대로
          egoingleezchedurutaeho 로 나오고

          <p>나 <h1>같은 태그를 넣었을 때는
          egoing
          leezche
          duru
          taeho
          로 출력됩니다.

          왜 이런건지는 저도 초보라서 잘 모르겠네요...ㅠㅠ
          대화보기
          • Münster
            만약에 li로 처리하지 않고
            <script>
            var i=0;
            while (i < coworkers.length) {
            document.write(+coworkers[i]+);
            i = i + 1;
            }
            라고 했을 때, 뭔가 한줄로 다닥다닥붙어서 나올 수 있지 않을까 생각했었는데 아무것도 안 나오게 되는 이유는 뭔가요..? 아직 문법 제대로 이해가 안 됐나봐요 흑ㅎ규
          • gogo!
          • 조유빈
            ㅇㄹ
          • 아자가자
            210727 성공
          • 김렛
            var i = 0 ...
            설명을 들을때는 이해가 되는데 막상 혼자 해보려니 눈앞이 깜깜해지네요 ..
          • 고영히
            0723 완료
          • labis98
            20210718 complete!
          • 도햐
            역시 반복문은 어떤 언어에서든 중요하군요,,, 반복문의 힘을 다시 한 번 느끼구 갑니다!
          • 윤동욱
            2178
          • Jeonghee Gwon
            20210702
          • B=loom
            2021.07.01
          • 김휘철
            잘봤습니다~
          • super1Nova
            210519
          • 초딩 개발자
            2021/05/08
          • chimhyangmoo
            2차 - 21.05.06
          • 감사합니다!!!
          • 고맙습니다
          • 요모
            2021-03-29
          • 김우중
            감사합니다
          • gkalsdlf
            완료!
            정말 재밌네요
          • 임동희
            </script>
            </body>
            </html>
            빼먹으신거아님?
            복붙하고 저거 붙이니까 되는데용
            대화보기
            • 졸대
              완료!
            • rose_lex
              완료
            • 낭낭
              이해가 안갔던 부분인데 감사합니다.
              대화보기
              • 진돌
                2021.02.26 완료!
              • Hyun-soo Park
                <!DOCTYPE html>
                <html>
                <head>
                <meta charset="utf-8">
                <title></title>
                </head>

                <body>
                <h1> Loop & Array</h1>
                <script>
                var coworkers = ['egoing','leezche','duru','taeho'];
                </script>
                <h2>Co workers</h2>
                <ul>
                <script>
                var i = 0;
                while(i < coworkers.length){
                document.write('<li>'+coworkers[i]+'</li>');
                i = i + 1;
                }


                위와 같이 짰더니 출력이 안되네요.. 도대체 이유가 뭘까요? 30분째 찾아도 안보입니다 ㅠ
              • 21.02.23 완료
              • LiveFreeOrDie
                오우! 1300명째 뷰네요! 감사합니다~
              • 서준
                완료
              • 완료!!
              • 완료
              • Yohanesty
                출석
              • 임찬혁
                완료
              • 그리내
                난 할수있따!
              • 코딩맨
                2021.01.24 너무 너무 너무 너무 너무 너무 너무 어렵네어ㅕ...................................
                거의 JS의 기초라 봐야하는 거ㅔ겠ㅈ;여? 이것말고도 다른 코드들이 있을텐데... 잎으로 어찌 습득해야할지..
              • 푸른벚꽃
                coworkers[i] 가 2번 들어가는 이유가 궁금하신 분이 있을까봐 아래 답변을 위로 가지고 올라왔습니다.

                후니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]+ 부분은 이해하셨을거라 생각하겠습니다.

                추가) 여기에 제가 이해한 것을 덧붙이자면
                간단히 말해서 첫번째 '+coworkers[i]+'는 내가 하이퍼링크를 눌렀을 때 나오는 창에서 주소가 http:~~~'+coworkers[i]+'로 나오게 만든 것입니다.
                즉, http://a.com/egoing 으로 나오게 만든 것이죠.
                원래 주소는 http://a.com/인데 '+coworkers[i]+'를 붙임으로써 달라진 것입니다.

                2번째는 모두 아시겠지만 리스트와 하이퍼링크가 들어간 텍스트로 '+coworkers[i]+'를 넣은 것입니다. 그래서 결과물로 li,a가 적용된 egoing, leezche 등이 나오게 됩니다.

                저도 헷갈려서 아래 댓글들을 쭉 읽다가 이해했네요
              • 이유자
                오 저도 이 부분부터 오랜만에 보기시작한지라 ++ 의 존재가 왜 필요한지 궁금해서 댓글보던차에 설명 잘해주셔서 이해했습니다. 감사합니다.
                대화보기
                • 템플릿 리터럴을 사용하면
                  document.write(`<li>${coworkers[i]}</li>`);
                • 마아앙
                  2021.01.18
                • 몰댕
                  21.01.14 재밌습니다.
                • 걸어가는신사
                  2021.01.14
                • T.Hwang
                  완료~
                • younghwani
                  완료!
                버전 관리
                egoing
                현재 버전
                선택 버전
                graphittie 자세히 보기