전체 글

브라우저 객체 모델 : 브라우저 전체를 객체로 관리하는 것 브라우저 창이 열리면 Window객체가 만들어지고, 그 아래 브라우저 각 요소에 해당하는 객체가 생성됨 [자주 사용하는 브라우저 내장 객체] Window : 브라우저 창이 열릴 때마다 하나씩 만들어지는 객체. 브라우저 창 안에 존재하는 모든 요소의 최 상위 객체 Document : 웹 문서에서 태그를 만나면 만들어지는 객체. HTML 문서 정보를 가지고 있다. History : 현재 창에서 사용자의 방문 기록을 저장하고 있는 객체 Location : 현재 페이지에 대한 URL 정보를 가지고 있는 객체 Navigator : 현재 사용 중인 웹 브라우저 정보를 가지고 있는 객체 Screen : 현재 사용 중인 화면 정보를 다루는 객체 Window 객..

[id나 class r값 사용해 form 요소 접근] 이름 : 위의 텍스트 필드에 접근하기 위에서는 document.querySelector(“#billingName”) 을 입력하면 된다. 만약 텍스트 필드의 값을 가져오기 위해서는 document.querySelector(#billingName).vlaue 처럼 .value를 붙여주면 된다. 그러면 사용자가 텍스트 필드에 입력한 값을 추적하게 된다. [name 값을 사용해 폼 요소에 접근] form 요소에 id나 class 속성이 없고 name 속성만 있다면 name 식별자를 사용해 폼요소에 접근 가능 이 방법을 사용하려면 태그에 속성이 지정되어있어야 함 이름 : 위의 코드에서 폼 안에 있는 텍스트 필드에 접근하려면 의 name 값과 텍스트 필드의 na..

문서 객체 모델을 DOM으로 표현한다. ‘돔’이라 읽음 DOM : 웹 문서의 모든 요소를 자바스크립트를 이용하여 조작할 수 있도록 객체를 사용해 문서를 해석하는 방법 document는 웹 문서 자체를 가리키는 DOM 요소 중 하나이다. [DOM 트리] 제목 본문 DOM은 body를 h1,p의 부모요소로, h1,p를 body의 자식요소로 이해하고 구조화 한다. 그러면 나무를 거꾸로 뒤집어 놓은 모양이되고, 이것을 DOM 트리 라고 부른다. [h1] — [‘제목’] [body] — [p] —[‘본문’] 각 [] 상자를 노드라고 한다. DOM 트리는 웹 문서의 HTML 요소만 표현하지 않는다 - 웹 문서의 태그는 요소(Element) 노드로 표현한다. - 태그가 품고 있는 텍스트는 해당 요소 노드(태그)의 자..

데이터의 종류를 자료형(data type)라고 한다. 변수를 선언할 때는 자료형을 적어줘야함 [자료형 종류] [정수형] short : 16비트(2바이트), -3만 ~ 3만 int : 32비트(4바이트), - 21억 ~ 21억 long : 32비트(4바이트), -21억 ~ 21억 long long : 64비트(8바이트) , 걍 겁나 넓음 - sizeof()연산자를 통해 자료형의 크기를 계산할 수 있다 ex) printf(“%d”, sizeof(int)); - 음수가 필요 없다면 앞에 unsigned 키워드를 붙인다 ex) unsigned short value; 범위가 [-3만 ~ 3만]에서 [0 ~ 6만]으로 변하게 된다. [실수형] 실수는 부동소수점(floating point) 방식을 표현된다. floa..

inline이 아닌 요소는 width와 height로 크기를 조절할 수 있다.  단위% : 부모 길이에 상대적 vw,vh : 뷰포트(화면 창의 크기) 너비와 높이의 1/100 단위ex) width가 50vw면 윈도우 창의 반을 차지함%는 부모 요소에 한정, vw,vh는 화면(윈도우)창 전체 기준 vamx,vmin : vw,vh 중 큰 것과 작은 것의 1/100 단위가로,세로 중 더 긴게 vmax, 더 짧은 게 vmin 텍스트가 한 줄일 경우 height와 line-height를 똑같이 맞춰주면글자가 위아래로 가운데 위치하게 효과를 줄 수 있음  display : none; 을 사용하면 화면에서 사라지게 한다.    [margin, padding] margin : 바깥 쪽 여백padding : 안쪽 여백 ..

JSON.stringify() 메서드 값이나 객체를 JSON 문자열로 변환한다. let lee = {name : "이용진", age : "24", weight : "need_Diet"}; let newLee = JSON.stringify(lee); console.log(newLee); 모든 문자열이 큰 따옴표로 둘러 싸인 JSON 형식의 문자열로 바뀐 것을 확인할 수 있다. JSON.parse() 메서드 JSON 문자열을 JavaScript 객체로 변환한다. let lee = `{"name" : "이용진", "age" : "24", "weight" : "need_Diet"}`; let newLee = JSON.parse(lee); console.log(newLee); 백틱으로 둘러 쌓인 JSON 문자열이..