WEB2 - JavaScript

수업을 마치며

 

 

 

Long take 버전

코딩장면만을 담은 버전의 영상입니다. 복습할 때 도움이 되면 좋겠습니다. 좋아하는 음악 틀어놓고 배속으로 보시면 덜 지루합니다.  

 

 

 

지식지도

관련된 지식의 지도입니다. 지도를 참고해서 스스로 학습 경로를 탐험해보세요.

 

 

 

수업소식

아래 채널에 구독하시면 새로운 온/오프라인 수업이 있을 때 알려드립니다. 

 
 
 

댓글

댓글 본문
작성자
비밀번호
  1. 홍주호
    20191116 완료
  2. 버섯지렁이
    개인적인 생각엔 해당 property가 method 안에서 많이 쓰인다면 솔님처럼 쓰시는 게 추후 수정하기 편할 것 같아요. 나중에 target 하나만 고치면 다른 method가 전부 수정되니까요. 상황에 따라 다를 것 같아요ㅎㅎ

    script 위치 관련해서는 저도 잘 몰라서 검색해봤는데 아래 사이트 참고하시면 될 것 같아요!
    https://junhobaik.github.io......on/
    대화보기
    • 친절한 설명 감사합니다!
      이해가 되었어요!

      그럼 그냥 이고잉님이 하신 것처럼 냅두는 게 더 깔끔한 코드인걸까요? 아니면 저처럼 하는 게 더 깔끔한 걸까요...? 보통 어떤 식으로 코딩하시는 지 궁금해요
      대화보기
      • 버섯지렁이
        var Body={
        ᅠtarget : document.querySelector('body'),

        ᅠchangeColor:function(color){
        ᅠᅠthis.target.style.color = color;
        ᅠ}
        }

        이렇게 해주시면 되긴 하는데 중요한 건 html 파일에 작성되는
        <script src="colors.js"></script>
        이 부분을 <body> 태그보다 나중에 넣으셔야 합니다.

        왜냐면 html은 위에서부터 순서대로 읽힙니다.
        body 태그가 아직 시작되지 않았는데 property에서 이를 사용할 순 없습니다.
        이와 다르게 method가 잘 작동했던 이유는, 호출될 때 body 태그를 사용하려 했기 때문입니다.
        저도 잊고 있었던 건데 해보면서 다시 생각났네요. 감사합니다.
        대화보기
        • document.querySelector('body')가 반복되는 게 싫어서 var target = document.querySelector('body');이렇게 정의를 했어요. 근데 이걸 Body 객체 안의 프로퍼티로 정의하려면 어떻게 해야하나요?
          지금 상태는 var Body ={
          changeColor:function(color){
          var target = document.querySelector('body');
          target.style.color = color;
          }
          }
          이렇게 되어 있어요 ㅠㅠ!
        • 정은진
          수강완료!
        • 육포
          20191103
        • jeje
          2019/10/30 수강완료!
        • 은별
          완료
        • Justin Lee
          강의 정말 심플하게 잘 만드셨네요.
          이렇게 쉽게 아는것을 을 소개한다는게 참 어려운 일인데.
          멋집니다.
        • 완강! 감사합니다!
        • 초보코딩
          3일간의 완료!
        • 굼벵이
          완료
        • ㄷㄷ
          사랑해요
        • 코딩만이 살길이다
          완료
        • 쑤우
          수강완료. 감사합니다.
        • 피닭씨
          감사합니다.
        • 현우
          완료!!
        • 한조
          정말 감사합니다!!
        • 코딩에 대해 아무것도 모르는 상태에서 생활코딩을 통해 독학을 하게 되었는데, 정말 많은 정보를 얻어갑니다! 이런 좋은 강의를 제작하여 공유해주셔서 감사합니다! :-) 이제 저만의 프로젝트를 제대로 시작해볼 시간이네요. 프로젝트를 만들면서 생활코딩에도 자주 들러 끊임없이 배우겠습니다. 다시 한번 감사드려요!
        • 원가
          안녕하세요 이고잉님.

          좋은 강의에 항상 감사드립니다.

          저는 엑셀로 제품원가를 구하는 일을 하고 있는데요.
          이것을 웹앱으로 만들고 싶거든요.
          웹에서 엑셀같이 여러 함수들을 걸어서 표현하고 싶은데 어떻게 검색해야 Reference를 찾을 수 있을까요?
          혹시 제 글을 보시게 되면 답글 부탁드립니다 ㅠㅠ
        • JT_brand
          완강
        • キム ドンミン
          정말 좋은 강의 감사드리구요..시간이 조금 걸렸지만 완강 했습니다.^^
          역시 뒤로 갈수록 이해가 잘 안되는 부분도 있지만 무한 복습하려 합니다.
          다시한번 감사하다는 말씀드리구요..제 목표를 향해서 질주하겠습니다.
        • ㅇㅅㅇ
          자바스크립트 드디어 완강했네요. 감사합니다!!
        • 정재규
          하던 일을 그만두고 서른이 넘은 나이에 비전공자로써 새 출발을 하려 합니다.
          다음달부터 시작 될 국비지원 수업을 앞두고 있어 예습을 하고 있는데
          이렇게 좋은 수업을 들을 수 있게 되어 무한히 감사한 마음으로 보고 있습니다.

          이해하면서 보다가도 뒤돌아 보면 놓치고 온 부분들이 많지만
          서두르지 않고 차근히 공부하려 합니다.
          계속해서 잘 부탁드리겠습니다.

          다시 한번 감사드립니다.
        • laneige
          최고예요!!! 감사합니다!! 앞으로도 계속 열심히 공부해서 사람들에게 도움이 되는 좋은 웹사이트를 만들 수 있으면 좋겠어요 :)
        • 한명종
          감사합니다~~!!
        • Yeonghun KO
          어떻게 감사를 표현해도 다 표현하지 못할 정도로 감사합니다 ㅠㅠㅠ
        • 이석구
          감사합니다~ 큰 도움이 되었습니다~
        • 멋있습니다
        • great!
        • kumkum
          순서에 따라 최소한의 것들의 실행을 통한 문제해결 해보기

          최소한의 것들로 해결하기 어려울 때 반복문, 함수, 객체 등을 사용해보기

          그러다 한계가 왔을 때 공부를 계속해 한계 극복하기

          document 검색

          DOM

          웹브라우저 자체를 제어하려면 window 객체를 검색해보기



          cookie 웹페이지가 리로드 되고 현재 상태 유지할 수 있으니 쳐보셈

          offline web application 인터넷이 끊겨도 동작하는 웹을 만들고 싶다면

          wen rtc 화상채팅 웹 등

          speachAPI 음성 전달 웹

          web gl 3차원으로 게임과 같은 것을 만들고 싶으면

          webvr
        • Hyeon-Jun Ha
          완료
        • 채정훈
          감사합니다 덕분에 용기가 나요!!
        • 주워니
          감사합니다!!
        • 위준우
          완료
        • YoungJu Nam
          좋은 수업 만들어 주셔서 감사합니다.
        • 허공
          190509 감사합니다.
        • paran29
          감사합니다. 용기가 나네요.
        • avocado
          정말 재밌게 공부했는데 이제 어떤 프로젝트를 하면 좋을까요... 흠
        • GODisgood
          완료
        • sophia
          따뜻한 말과 응원들 덕분에 잘 완강했네요 끝까지 주시는 꿀팁들 정말 감사합니다. 독학하면서 길을 잡기가 어려운부분이 있는데 그런 부분까지도 세심하게 캐치해서 알려주셔서 정말 감사헤요 ! 나머지들도 잘 배워서 세상에 도움이 되는 프로그램을 만들고 싶어요! 감사합니다!
        • 수면의과학
          29 Mar 2019
        • 야부키죠
          이고잉님 XML 강좌도 하나 개설해주시면안될까요?ㅠㅠㅠ그리고 유튜브 광고는 꼭좀 달아주세요 15초짜리광고라도 칼같이 볼께요
        • Nameun Cho
          감사합니다!
        • 완료!
        • 박상준
          완료
        • 2019-02-21 완료
        • 우도순
          완료
        • 발헤
          감사합니다. 완료
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기