생활코딩 자바스크립트 마지막시간 + UI, API

세상엔 혼자서 소프트웨어를 만드는 분들은 아마 거의 계시지 않을것이다

다른사람이 만들어 놓은 소스를 활용해 만드는 것이 매우 보편적인데

많이 알아둘 수록 내가 할수 있는 것들이 무궁무진해진다

라이브러리와 프레임워크

 

라이브러리 - 내가 만들고자하는 소프트웨어에 필요한 소스들을 정리 해놓은것

                  프로그래의 부품을 정리하는 것

                  jQuery라는 것이 가장 대표적인 라이브러리

                  제이쿼리라는 사이트에서 cdn 코드를 복사해서 헤드 태그에 붙여준다 

                 반복문으로 처리해야하는 태그들이 있을 때 반복문을 사용하지 않게 도와줌

                 >>한줄 짜리 코드로 만들어줌

 

  setColor: function (color) {

    //   var alist = document.querySelectorAll("a");

    //   var i = 0;

    //   while (i < alist.length) {

    //     alist[i].style.color = color;

    //     i = i + 1;

    //   }

    $("a").css("color", color);  // 제이쿼리로 한문장으로 만듬.... ,뒤에 컬러는 매개체

  },         //제이쿼리는 새로운 언어가 아닌 css함수를 대신만들어 놓은것

};

 

>>$("body").css("color", color);        // 바디 글씨 컬러와 백그라운드 컬러 함수를 한줄로,..

    $("body").css("backgroundColor", color);

 

 

 

프레임워크 - 내가 만들고자하는 것(게임, 웹, 채팅)에 따라서 기획의도에 변하지 않는 

                  반제품 같은것? 기초가 되는것? 조금만 수정해도 사용가능한것?

// 라이브러리는 내가 가져오는 부품 프레임 워크는 내가 들어가서 작업하는 것 정도로 알면 편한다

둘다 다른 사람과 협력해서 프로그램을 만드는 방법!

---

UI, API

<input type="button" value="click" onclick="alert('Hello world')" />

해서 나온 경고창은 우리가 만든것일까? 우리가 만든 것일 수도 아닐수도 있다

한줄짜리 코드에는 많은 것이 담겨져있다

 

API로 UI를 만드는 것이다

 

자신의 프로젝트를 시작할 때 모든 개념을 총동원 하려고 하지말고 최소한의 도구만으로 문제를 해결하려고

시도해보자 

 

최소한이란 순서에 따라서 실행되도록하는 명령어들을 차근차근

문제를 해결하려 노력하면 할수록 나의 실력은 엄청나게 늘어난다 

 

순서대로 실행된다는 것을 명심하라 최소한의 지식으로 앞의 문제를 해결하자

해결할 수 없는 순간이 오면 반복문,함수,객체를 신중하게 도입하자

실습을 멈추고 공부를하자 그래도 멈추면 

 

태그를 삭제 자식태그 추가는 DOCUMENT객체를 살펴보자

DOCUMENT객체를 통해서 찾을 수 없담면 DOM으로 수색범위를 넓히자

 

웹페이지가 아닌 웹브라우저 자체는 WINDOW를 조사해야할다 

웹페이지를 리로드 하지 않고 작업하려면 ajax가 필요하다

웹페이지가 리로드되어도 현상태 유지를 하려면 cookie를 배워야한다 사용자를 위한 개인서비스에 좋음

인터넷이 끊겨도 동작하는 웹페이지는 offline web application

화상어플 webrtc ,  음성정보 speech, 3차원 그래픽 게임webGL , 가상현실 webVR