TIL 47일차

◆ 내장객체

• 프로그래밍 언어에서 기본적으로 제공하는 도구를 말한다.
• 자바스크립트가 클라이언트용이냐 서버용이냐에 따라 최상위 객체가 다르다.
  - 클라이언트용에서는 window가 최상위 객체
  - 서버용에서는 process가 최상위 객체
• 최상위 객체는 생략이 가능하다.
• window : 창과 관련된 정보와 명령을 가진 내장객체
• 새창은 차단 될 수 있기 때문에 사용 빈도가 적다.
• 새탭은 사용 빈도가 높다.

◆ querySelector

• IE 6,7,8을 비롯해 몇몇 운영체제에서 사용할 수 없는 단점이 있다.
• 사용하기에 코드가 편리하다.

◆ getElementById

• ID기반 classic 선택 명령이다.
• 여러 운영체제에서 사용할 수 있다.
• 사용하기에 코드가 복잡하다.
  var tag = document.getElementById("dummy"); //ID기반 선택. 이 코드만 주로 사용되고 나머지 코드는 주로 사용하지 않는다.

◆ name/id/class 일 때 작성법

var text = document.querySelector("#지정아이디");
var text = document.querySelector(".지정클래스");
var text = document.querySelector("[name=지정이름]");

//예시
<button name="btm" type="submit" id="red-btn" class="form-btn neutral">빨강</button>

• post
  : 서버의 위치를 나타내는 아이디 별칭

• 자바스크립트는 메서드를 만들 수 없다.
  - 변수에다가 함수를 집어 넣어서 메서드처럼 사용할 수 있다.

• 코드는 약결합일수도 응집도가 높을 수록 좋다.

• 입력창 3개
  input / select / textarea
  - value는 기본 값을 가져올 수 있는 기능