WEB2 - JavaScript

배열과 반복문

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. eventme
    완료
  2. hyegineer
    완료!!
    배열 순서대로 서로 연관된 데이터 잘 정돈
    반복문은 순서대로 연관된 데이터를 하나씩 꺼내는걸 반복해서 자동화된 처리할 수 있어서
    환상의 콤비~
  3. 190611 감사합니다!!
  4. Hyeon-Jun Ha
    완료!
  5. 코돌이
    5/12 완료!
  6. 주워니
    완료!
  7. 허공
    190509 감사합니다.
  8. 위준우
    완료
  9. Tuco Salamanca
    공부는 머리속에 깊은. Java Script는 어렵지만 빛이 있는 수업에 경이하였다!
  10. 최승윤
    완료!
  11. 김한주
    완료
  12. 끝가지간다
    완료~
  13. Gimme_Gsuit
    <ul>태그는 html태그이기 떄문에 입력하시려면 현재까지 배우신 방법 document.write(){화면출력}에다가 ul태그를 넣으시면 화면에서 활용할 수 있을듯 합니다. ㅎㅎ
    대화보기
    • sophia
      <a href="http://~" 에서 '//'을 입력하면 주석처리가 되는데 어떻게 해결해야 할까요?
    • 완료!
    • 이채
      저도 이제 막 시작하는 초보라 잘은 모르지만
      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>'이렇게 해줘야할 필요는 없는건가요?
                      버전 관리
                      egoing
                      현재 버전
                      선택 버전
                      graphittie 자세히 보기