[2021-07-19] WEB2-JavaScript (33-38강)

◑ 객체의 사용

- 객체 내부에 여러개의 메소드를 담을 경우 해당 메소드들을 서로 콤마(,)로 구분해주어야 한다.

 

◑ JavaScript 코드를 하나의 파일로 묶어서 사용하기

- 똑같은 JavaScript 코드를 여러가지 페이지에서 동일하게 사용하는 경우, 그 JavaScript코드에 수정사항이 생기면 모든 페이지의 그 코드에 찾아가서 일일이 수정해야 하는 번거로움이 존재한다. 따라서 해당 코드를 이름을 붙여 별도의 페이지에 파일로 저장해두고, 그 코드 필요한 부분에 그 파일 이름을 사용한다.

- [ HOW? ]

  빈 파일 만들기 (파일명.js)  → <script></script> 내부의 코드만 그 파일안에 옮기기

  → 껍데기만 남은<script> 태그에 < script scr="파일명.js" > 추가하기

---

◑ 라이브러리 & 프레임워크

 - 공통점 : 다릉사람이 이미 만들어 놓은 것을 사용하여 소프트웨어를 만드는 것

 - 소프트웨어를 만드는 것 = 집을 만드는 것 이라고 하면,

   라이브러리 : 자재나 가구 등 집에 필요한 재료

   프레임워크 : 집에 수도관이나 뼈대 같은 기본적인 구조는 있어서 우리는 입맛대로 꾸미면 되는 것

 - 대표적인 라이브러리 : jQuery

 

   < jQuery를 사용하여 간단하게 객체의 스타일메소드 대체하기 >

    ▶ 형식:  $('대상').css('대상의 스타일 대상', 매개변수);

setBackgroundColor:function(color) {

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

}

→ body의 backgroundColor를 매개변수 color를 통해 들어온 값으로 바꿔라

 

 

 

---

◑ UI  vs  API

UI : User Interface

    ; 사용자가 시스템을 제어하기 위해 사용하는 조작장치 (ex. 버튼)

      - 즉 시스템을 조작하는데 사용할 수 있는 화면에 보이는 장치

      - 사용자와 컴퓨터와의 상호작용

API : Application Programming Interface

     ; 애플리케이션을 만들기 위해 프로그래밍 할 때 사용하는 조작장치 (ex. alert 함수)

      - 즉 해당 UI가 그 기능으로 동작하기 위해 이를 구성하는 부품들

      - 응용프로그램(경고창 등)과 컴퓨터간의 상호작용