본문 바로가기

프로그래밍언어3

[Javascript] 03. Javascript (프로토타입/클래스/This) 프로토타입(Prototype) 자바스크립트 : '프로토타입' 기반의 객체지향 프로그래밍 객체 : 프로퍼티 키&값, 이때 값이 함수면 메소드 객체를 생성하는 방법 객체 리터럴 (2의 축약 표현) const obj = { 'name' : 'subin', 'age' : 26, } obj obj.gender = 'female' object '생성자' 함수 -> 객체 const obj = new Object(); obj 생성자함수 ( 생성자 함수의 목표 -> 객체를 생성하는 것이다) function Person(name, gender){ // 공통 this.class = "광주 3반", // 입력받는 값 this.name = name, this.gender = gender } const person1 = new .. 2022. 4. 29.
[Javascript] 02. Javascript (함수/ 문자열/ 배열) 블록 스코프 vs 전역 스코프 스코프 = 유효 범위 메모리를 비워줘야하는 시점 (변수가 필요 없다는 기준) 블록 스코프 { } => 블록 (조건문, 반복문, 등에 사용) 할당 a = b : b를 a에 할당한다. 할당 : 최초에 무언가를 a에 넣는 행위 재할당 : 같은 공간(메모리 -> 변수 a)에 무언가를 넣는 행위 변수선언 키워드 = var(0%), let(5%), const(95%) pass by value ve pass by reference 원시값 : 값에 의한 전달 (pass by value) 객체값 : 참조에 의한 전달 (pass by reference) const a = [1] const b = a a.push(2) console.lob(b) // (2) [1,2] // 객체들은 가리키는 주.. 2022. 4. 26.
[Javascript] 01. Javascript Intro 브라우저(browser) browe + (e)r : 검색하는 것 => 검색기 인터넷 컨텐츠를 검색 및 열람하도록 함 URL로 웹(WWW)을 탐색하며 서버와 통신하고, HTML 문서나 파일을 출력하는 GUI 기반의 소프트웨어 JavaScript의 필요성 html : web의 뼈대, css : 디자인, javascript : 움직임을 준 것 브라우저 화면을 동적으로 만들기 위함 브라우저를 조작할 수 있는 **유일한 언어** Browser DOM (Document Object Model) 조작 문서(HTML)를 프로그램으로 조작할 수 있음 BOM (Browser Object Model) 조작 자바스크립트가 브라우저와 소통하기 위한 모델 버튼, URL입력창, 타이틀 바 등 제어 가능 JavaScrip.. 2022. 4. 25.