WEB2 - JavaScript

수업을 마치며

 

 

 

Long take 버전

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

 

 

 

지식지도

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

 

 

 

수업소식

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

 
 
 

댓글

댓글 본문
작성자
비밀번호
  1. codinginpain
    마지막까지 친절 끝판왕.. 그저 빛.. 빛고잉님 감사합니다 열심히 살겠습니다
  2. 아빠늑대
    이제 여러분에게 필요한 것은 공부보다 실습입니다.
    실습보다는 자신의 프로젝트를 시작하는 거예요.

    시작이 늦어질수록,
    공부를 많이 할수록 자기가 짠 코드를 긍정하기 어려워지거든요.
    머릿속이 복잡해지거든요.

    자신의 프로젝트를 할때
    필수불가결한 최소한의 도구만을 가지고
    문제를 해결하려고 시도해 보셨으면 좋겠습니다.

    그러다보면 그것만으로 도저히 해결할 수 없는 순간이 오는데
    반복문, 조건문, 함수, 객체 각각의 개념들간의 관계에 익숙해지다보면
    마침내 유창하게 이런 개념들을 활용할 수 있게 될 겁니다.

    또 다시 한계가 찾아오겠죠.
    바로 그때가 실습을 멈추고 공부를 다시 시작할 때라고 생각합니다.

    그 한계를 극복하는데 필요한 검색어를 추천드리고 물러나겠습니다.
    document. 태그를 삭제하거나 자식태르를 추가하고 싶다면
    DOM, 찾아도 안나온다면
    window, 현재 웹 주소나, 창크기를 알아야한다면
    cookie, 리로드되어도 현상태를 유지하고 싶다면
    offline web application, 인터넷이 끊겨도 동작하고 싶다면
    webRTC, 화상 웹을 만들고 싶다면
    speech, 음성인식이나 음성으로 정보를 전달하고 싶다면,
    webGL, 3차원 그래픽으로 게임과 같은 것을 만들고 싶다면,
    webVR, 가상현실에 관심이 있다면

    이제부터 여러분 혼자 가셔야 합니다.
    good luck.
  3. 연구쟁이
    11/19 완료 감사합니다.
  4. 홍주호
    20191116 완료
  5. 버섯지렁이
    개인적인 생각엔 해당 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
        • 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
          감사합니다!
        • 완료!
        • 박상준
          완료
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기