키모의 생각속 이야기 키모의 생각속 이야기

객체지향이란? 객체 지향 패러다임이란 객체를 우선적으로 생각해서 프로그램을 만든다는 방법론입니다. 객체 지향 프로그래밍 언어들은 클래스 라는 문법으로 객체를 효율적이고 안전하게 만들어 객체 지향 패러다임을 쉽게 프로그래밍에 적용할 수 있도록 도와줍니다. 추상화 프로그램에 필요한 요소만 사용해서 객체를 표현하는 것을 추상화(abstraction)이라고 부릅니다. 사전적 의미로는 복잡한 자료, 모듈, 시스템 등으로부터 핵심 적인 개념과 기능을 간추려내는 것을 추상화라고 부릅니다.

예외 처리 고급 프로그래밍 언어에서도 예외가 발생하면 예외와 발생된 정보를 확인할 수 있습니다. 이러한 정보를 확인할 수 있게 해주는 것이 예외 객체입니다. 예외를 강제로 발생 시킬 때는 throw 키워드를 사용합니다. 예외 객체 try{ }catch(exception) { } try catch 구문을 사용할 때 catch의 괄호 안에 입력하는 식별자(exception)가 예외 객체입니다. 아무 식별자나 입력해도 괜찮지만 일반적으로 e나 exception이라는 식별자를 사용합니다. 예외 강제 발생 예외를 강제로 발생시킬 때는 throw키워드를 사용합니다. throw 문자열 //단순하게 예외를 발생시킵니다. throw new Error(문자열) // 조금 더 자세하게 예외를 발생시킵니다.

코드의 오류 상황 - 코드가 실행조차 되지 않는 오류(구문오류 syntax error) - 코드 실행 중간에 발생하는 오류 혹은 런타임 오류(예외 exception) 구문오류 구문오류는 괄호의 짝을 맞추지 않았다든지, 문자열을 열었는데 닫지 않았다든지 할 때 발생하는 오류입니다. //해결법 예외 예외 또는 런타임 오류는 실행중에 발생하는 오류를 의미합니다. 위에 코드는 "#프로그램이 시작되었습니다!"라는 문자열을 출력되면서 코드는 시작됩니다. 하지만 실행중에 오류 console.rog에서 오류가 진행됩니다. 기본 예외처리 조건문을 사용해서 예외가 발생하지 않게 만드는 것을 기본 예외 처리라고 부릅니다. document.addEventListener('DOMContentLoaded',()=> { const..

HTML페이지에 있는 html , head , body , title , h1 , div , span 등을 HTML 언어에서는 요소(element)라고 부릅니다. 그리고 자바스크립트에서는 이를 문서 객체(Document Object)라고 부릅니다. 따라서 '문서 객체를 조작한다.'는 말은 'HTML 요소들을 조작한다'는 의미입니다. 문서 객체를 조합해서 만든 전체적으로 형태를 문서 객체 모델(DOM , Document Objects Model)이라고 부릅니다. DOMContentLoaded 이벤트는 HTML 페이지의 모든 문서 객체(요소)를 웹 브라우저가 읽어들였을 때 발생 시키는 이벤입니다. querySelector() 메소드는 문서 객체를 선택할 때 사용하는 메소드입니다. textContent 속성과..

배열 기반의 다중할당 한번에 여러개의 변수에 값을 할당하는 다중할당 기능이 추가되었습니다. //다중할당 [식별자,식별자,식별자,...] = 배열 //ex) let [a,b] =[1,2] 객체 기반의 다중할당 객체 내부에 있는 속성을 꺼내서 변수로 할당할때 다음과 같은 코드를 사용할 수 있습니다. {속성이름,속성이름,속성이름} = 객체 {식별자 = 속성이름 , 식별자 = 속성이름} =객체 const object ={ name :'혼자 공부하는 파이썬', price : 18000, publisher :'한빛미디어' } const{name,price} = object console.log('# 속성 이름 그대로 꺼내서 출력하기') console.log(name,price) console.log('') cons..

자료형 기본 자료형(primitives)과 객체 자료형(object)으로 구분할 수 있습니다. 객체 자료형 속성과 메소드를 가질 수 있는 모든 것은 객체입니다. 함수와 배열도 객체로 표현됩니다. const a= [] a.sample = 10 a.sample //10 function b () { } b.sample =10 b.sample //10 typeof a //object typeof b //function 함수는 '실행이 가능한 객체'라는 특이한 자료로 typeof 연산자를 사용해서 자료형을 확인하면 "function"을 출력합니다.함수는 객체의 특성을 완벽하게 가지고 있으므로 자바스크립트에서는 함수를 일급객체(first-class object)에 속한다고 표현하기도 합니다. 기본 자료형 자바스크립..

객채 : '실제로 존재하는 사물을 의미'하고 이름과 값으로 구성된 속성을 가진 데이터 타입 객체 내부에 있는 값을 속성(property)라고 합니다. 모든 형태의 자료형을 가질 수 있습니다. 객체는 중괄호 {..}로 생성하며 속성을 쉼표(,)로 연결해서 입력한다. 키 : 값 메소드 내부에서 this 키워드를 사용하기 메소드 내에서 자기 자신의 가진 속성을 출력하고 싶을 때는 자신이 가진 속성임을 분명하게 표시해야합니다. 자기 자신이 가진 속성이라는 것을 표시할때는 this 키워드를 사용합니다. 동적으로 객체 속성 추가 및 제거 student.이름 = '고요한', student.언어 = '한국어', delete student.언어 console.log(JSON.stringify(student,null,2)..

스코프(scope) : 변수가 존재하는 범위를 스코프라고 부른다. 이 스코프는 같은 단계에 중복된 이름이 있을 경우 무조건 충돌이 됩니다. 스코프 단계를 변경하는 방법은 중괄호를 사용해서 블록을 만들거나, 함수를 생성해서 블록을 만드는 방법입니다. { //스코프 } 새도잉 : 내부 변수(지역변수)가 외부 변수(전역변수)를 가리는 현상을 새도잉(shadowing)이라고 부릅니다. let pi = 3.14 console.log(`파이 값은 ${pi}입니다.`) //결과값 : 3.14 { let pi = 3.141592 console.log(`파이 값은 ${pi}입니다.`) 결과값 : 3.141592 } console.log(`파이 값은 ${pi}입니다.`) //결과값 : 3.14 엄격모드 코드를 엄격하게 검..