JavaScript (3) _ 생활코딩

1. 파일(file)

- javascript를 js파일로 분리 :

(장점)

  - 다른 곳에도 쉽게 적용 가능, 수정 용이(유지보수 편리)

  - 코드의 의미 명확 --> 가독성 향상

  - 접속 횟수는 많아지지만 웹브라우저의 cache에 저장되어 네트워크를 통하지 않아도 됨!!

<script src="colors.js"></script>

 

2. 라이브러리와 프레임워크

: 생산자로서의 소비자. 소프트웨어의 사회성.

① 라이브러리

: 내가 만들고자하는 프로그램에 필요한 부품이 되는 소프트웨어를 정리정돈, 재사용하기 쉽도록 해둔 소프트웨어

- 끌어오는(당겨오는) 느낌

- ex> jQuery 라이브러리 : 생산성이 훨씬 좋아짐! 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

var Links = {
  setColor:function(color){
    $('a').css('color', color); //모든 a태그를 jquery로 제어
  }
}

② 프레임워크

: 만들고자하는 것을 만들때 공통적인 부분두고 조금씩 수정해줌. 이 때 공통된 부분, 반제품을 프레임워크.

- 프레임워크 안에 우리가 들어가서 작업

 

3. UI vs API

① UI(User Interface)

: 사용자가 시스템을 제어하기 위해서 사용하는 조작장치. (ex> button)

② API(Application Programming Interface)

: 애플리케이션을 만들기 위해서 프로그래밍을 할 때 사용하는 조작장치들

(ex> alert : 경고창을 실행하는 조작장치)

모든 프로그래밍 언어(애플리케이션)에서는 API를 프로그래밍적으로(순서대로) 실행하여 만듦!!

 

4. 추천 검색어

- document : 어떤 태그 삭제, 자식 태그 추가 등등

- DOM(Document Object Model) : document객체는 DOM의 일부

- window : 웹브라우저 자체를 제어

- ajax : 웹페이지를 reload하지 않고 정보를 변경

- cookie : 웹페이지가 reload되어도 정보를 유지 --> 사용자에게 개인화된 프로그램 제공

- offline web applicaition : 네트워크가 끊겨도 작동하는 웹 애플리케이션

- webRTC : 화상통신 웹 앱

- speech : 사용자 음성인식, 전달

- webGL : 3차원 게임

- webVR : 가상현실