WEB2 - JavaScript

배열과 반복문의 활용

소스코드

변경사항

 

댓글

댓글 본문
작성자
비밀번호
  1. 뉴빈
    감사합니다.
  2. hansy
    완료
  3. Younghun Liam Youn
    실제 개발자 분들 작업하시는 것 보면 '구글링을 얼마나 잘하고, 구글링을 통해 접하는 문서를 얼마나 잘 이해하고 활용하느냐'가 가장 중요합니다. 기술은 머물러있지 않고 계속해서 발전하기 때문에 단지 코드를 암기하고 익숙해지는 것만으로는 최선의 코딩을 할 수가 없습니다. 조금 잘못 판단하고 계신 것 같아요.
    대화보기
    • 너무 맞는 말씀입니다...
      저도 강의에서 가르치는 중요한 것들 중 하나가 '구글링'이라고 생각합니다.

      '검색하는법 정도는 인터넷 쓰는 사람들이라면 기본 장착 스킬이거든요.'
      라는 말은 오픈튜토리얼스, 그리고 생활코딩을 만드시는 제작자분의 가치와 좀 반대되는 것 같다고 느껴지네요.
      대화보기
      • 풀스택
        구글링 잘하는 거야 말로 이 강의의 핵심인데, 핵심을 빼놓고 강의하라니... 그리고 자신한테 필요없는 부분을 스킵하는 거야 말로 '인터넷 쓰는 사람들'한테 기본 아닐까요? ^^
        대화보기
        • 서혜민
          완료
        • Yamto
        • thsths
          완료
        • 파랑
          ㅋㅋㅋㅋㅋ 검색을 계속 강조해서 보여주시는 건 구글링이 개발자한테 정말정말 중요하기 때문이에요. 몇년차 개발자가 되어도 어떻게 잘 검색해서 원하는 결과를 얻어오는지 그 검색 능력이 실력을 좌우해요
          대화보기
          • 스티븐잡숴
            완료
          • 스티븐잡숴
            완료
          • 하승연
            조곤조곤한 목소리로 잘 가르쳐 주셔서 감사합니다...! 그런데 되도록이면 검색하는법은 스킵해주셨으면 좋겠어요~ㅎㅎ 검색하는법 정도는 인터넷 쓰는 사람들이라면 기본 장착 스킬이거든요. script태그 안에선 작은 따옴표 안에 html태그를 넣어야 기능이 된다 라는 좀 더 구체적인 부분들을 설명해주셨으면 좋겠습니닷! 이미 영상은 다 만들어졌지만 계속해서 교육 영상은 제작하실테니 혹시라도 제 글을 보신다면 꼭 한번쯤 고려해주셨으면 좋겠어요~^^새해 복 많이 받으세요
          • jieun
            완료
          • 펜펜
            감사합니다!
          • 유화
            다시 한 번 더 봐야징~
          • hr1004
            완료
          • centerho
            완료
          • Jeremy Jo
            감사합니다.
          • 김철새
            하나하나씩하니 신기하고 재밋습니다. 혼자서 맨땅에 다시 하기는 힘들지만 지금 여기서 해본 것을 조금씩 변형해가면서, 참고하면서 만드니 재밋습니다. body 지정할떄는 querySelector 함수를 사용했는데 태그 사용 할 때에는 querySelectorAll을 사용하는 이유는... 검색해봐야할것 같습니다.
          • 샬롬
            완료
          • 2019.12.25.
          • 딥허브
            2019.12.21
          • 니르
            결과화면을 아니까 멈춰놓고 배운 것을 토대로 혼자서 변수값을 정하고 쓰여있는 CSS문법을 참고해 반복문을 작성하고 돌려보았는데 문제없이 잘 돌아가서 뿌듯하네요! 영상을 돌려보니 이고잉쌤과 거의 같은 코드가 나와서 기분좋아요 ㅎㅎ 기분좋은 기념으로 댓글하나 남기고갑니다~
          • 홍주호
            20191110 완료
          • 미옹이
          • 육포
            20191031
          • 콘솔창에서 한번 실행해보며 확인을 하기위해서입니다.
            빼고 실행하여도 별문제없고 그저 원하는 값을 얻었는지 확인하는 단계입니다.
            대화보기
            • 혹시 중간 부분에 console.log(alist[i]);를 왜 넣을까요?
              빼고 실행하여도 별 문제 없이 실행되는 것 같아서 궁금합니다.
            • 완료
            • 굼벵이
              완료
            • 박창신
              완료
            • 감자
              완료
            • 20191001 Ted 완료!
            • 코딩만이 살길이다
              완료
            • 쑤우
              수강완료. 감사합니다~
            • 현우
              완료
            • 정완료
              완료
            • 두벅
              감사합니다.
            • 한조
              감사합니다!
            • JT_brand
              완료
            • 한상윤
              완료
            • 코딩가즈아
              감사합니다
            • 최영오
              제 홈페이지를 1억명이 방문한다고 생각하면...어려워도 밤새야겠어요 진짜루
            • eventme
              완료
            • hyegineer
              완료!!
              queryselectorAll로 갖고오면 노드리스트 갖고오지만 배열과 비슷함 ㅎㅎㅎ
              재밌군...
              검색지향 프로그래밍이 인상깊었습니당
            • Hyeon-Jun Ha
              완료
            • 코돌이
              5/12 완료!
            • 주워니
              완료!
            • 이리스
              아래에 친절하게 설명해주신 분이 계신데요,
              조금 더 안내드리자면, F12를 누르셔서 console창에서
              document.querySelector('a') 를 입력해보시면 가장 위에있는 WEB를 표시해줄겁니다.
              결국 document.querySelector('a') 값만 본다면 가장 위에있는 WEB을 둘러싼 a태그만을 지정해주는 것이죠.
              반복문을 빼고 document.querySelector('a').style.color = 'powderblue'; 값을 넣어보면 WEB만 powderblue로 변하는 것을 볼 수 있습니다.

              그러면 이번에는 콘솔창에서 document.querySelector('body')를 입력해봅시다. 그럼 아마 모든 body태그 안의 모든 속성들이 잡혀있을겁니다. 그렇기에 document.querySelector('body').style.color = 'white'; 을 출력하면 body안의 모든 폰트색이 흰색으로 변하게 되는겁니다.

              추가로 document.querySelector('ol').style.color='powderblue' 을 하게되면 ol 태그안의 1,2,3번의 색상이 변경될겁니다. 고로 querySelector 함수가 지정해주는 위치의 차이인 것이죠.

              그렇다면 All을 붙이는 document.querySelectorAll('a').style.color = 'powderblue'; 은 왜 안되는지 콘솔창에
              document.querySelectorAll('a').style.color 을 입력해보시면 아실겁니다. 모든 태그들을 잡아주는 것이 아니라, 해당 태그들을 배열형태로 반환해주기 때문이죠. 고로 우리는 이 배열을 풀어서 적용시켜주어야하기에 반복문을 사용하는겁니다.
              대화보기
              • 윤혜인
                저도 같은 내용이 궁금하네요!
                대화보기
                버전 관리
                egoing
                현재 버전
                선택 버전
                graphittie 자세히 보기