seohyun han

key 를 number 나 boolean 으로 만들어도 Object.keys(obj) 로 접근하면 문자열로 리턴이 된다 ["1", "false"] ※ Symbol Symbol 은 유일한 식별자를 만들 때 사용한다. - 유일성이 보장됨 (전체 코드 중에 딱 하나) ▷ Symbol 생성 const a = Symbol(); const id = Symbol('id'); // 문자열로 설명을 달아줄 수도 있다. ▷ Symbol을 객체의 key로 사용해보기 const id = Symbol('id'); const user = { name : 'sian', age : 23, [id] : 'myId' // computed property 로 symbol을 key 로 넣었음 } 근데 이렇게 했을 경우 Object.keys..

※ computed property : 계산된 프로퍼티 let a = 'age'; const user = { name : 'sian', [a] : 30 } const user = { [1+4] : 5, ["안녕" + "하세요"] : "Hello" } ex ) key 와 value 값을 받아서 객체로 만들어주는 함수 makeObj () function makeObj(key,val){ return{ [key] : val, }; } const obj = makeObj("name", "sian"); console.log(obj); // {"name" : "sian"} ※ 객체 메소드 ▷ Object.assign() : 객체 복제 const newUser = Object.assign({},user); const ..

자바 스크립트의 기본 자료형 : 숫자, 문자열, 논리형, 객체, 함수, undefined Q. 함수가 자료형 ? 🔽 이런형태 - 함수를 변수에 넣을수도 있고 매개변수가 될 수도있고 반환타입이 될 수도 있음 함수 표현식 var add = function(a, b) { return a + b; }; var result = add(10, 20); //var name='홍길동'; //변수에 문자열 데이터 넣기 function hello(name){ document.write(name+"님 환영합니다. "); } hello('김길동'); var test=hello; //변수에 함수 넣기 test('이길동'); ▶ 익명함수 • 함수를 선언하는 방법 1) 함수 표현식 - 함수이지만 이름이 없으므로 익명함수라고 부름 ..

▶ Location 객체 - 브라우저의 주소 표시줄과 관련된 객체 - 현재 브라우저의 윈도우에 열려진 html 문서의 주소를 포함한 URL에 관련된 각종 정보를 제공하는 객체로서 주소 관련 정보는 물론 특정 사이 트에 접속하는 경우에도 사용됨 - 프로토콜의 종류, 호스트 이름, 문서 위치 등의 정보가 있음 · location.href() - 문서의 URL주소를 알려주거나 특정 사이트에 접속하는 등의 기능을 가지고 있는 속성 //Javascript function loadURL(){ // 선택된 index의 value의 URL 로 이동 location.href =document.frm1.site.options[document.frm1.site.selectedIndex].value; console.log("..

※ 자바스크립트에서 html 객체 접근 - 웹 브라우저는 html 문서를 계층구조의 객체들로 관리하며, 자바스크립트는 이 객체들의 정보에 접근하여 객체를 제어할 수 있다. ▶ html 객체 구조 ▷ window 객체 - 자바스크립트의 브라우저 내장객체의 최상위 객체 - Window 객체 ( location, navigator, history, screen, document 객체들이 들어있음 ) ▷ Document 객체 - 현재의 문서에 대한 내용을 가지고 있다 - 제목, 배경색, 폼에 대한 속성을 가지고 있다 - html 페이지마다 하나씩 존재하는 객체 (웹 페이지를 나타낼 때) BOM - 브라우저객체모델 (Browser Object Model) - 웹 브라우저와 관련된 객체의 집합 - DOM 이외의 객..

HTML = 구조 CSS = 표현 Javascript = 동작처리 ※ 자바스크립트 : - 객체지향언어 – 실세계의 사물(객체)을 모델링해서 이를 프로그래 밍에 적용한 것 - HTML문서에 태그를 이용 - 자바스크립트 프로그램을 [3] html 태그의 EventHandler를 자바스크립트 코드로 표현하여 동작 [4] 자바스크립트 코드를 URL로 사용 //html 태그 내부임 naver 메시지띄우기 // **[4] bt배경색변경 = onclick 시 bgcolor 가 skyblue 로 변경 a태그 naver = mouseover 시 bgcolor 가 pink로 변경 mouseout 시 bhcolor 가 none ' ' 으로 변경 a태그 메시지띄우기 = onclick 시 안녕 alert 띄워짐 ※ 변수 - 변..