본문 바로가기
반응형

JavaScript 기초23

[JavaScript] What is OOP in JavaScript? 오늘은 JS에서 OOP(Object Oriented Programming)에 대해서 공부했다. 다른 언어에서 배우던 OOP 와는 조금 다른 느낌이었다. JavaScript는 프로토타입 기반 언어로 C++이나 Java 같은 언어들과는 다르게 Class가 따로 존재하지 않고 function을 Class 처럼 사용한다. 프로토타입 기반 프로그래밍은 클래스가 존재하지 않는 객체지향 프로그래밍의 한가지 스타일로, 동작 재사용(상속)은 프로토타입으로서 존재하는 객체를 데코레이팅하는 과정을 통해 수행된다. Class가 없던 JavaScript에서 OOP의 개념을 어떻게 입혔는지 또 어떻게 사용하는지 그리고 OOP가 무엇인지 알아보고자 한다. What is OOP OOP(Objcet Oriented Programmin.. 2020. 10. 28.
[JavaScript] 구조 분해 할당 구문 오늘은 구조 분해 할당 구문에 대해서 공부했다. 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 표현식이다. // 변수 값 서로 교환하기 let a = 1; let b = 3; [a, b] = [b, a]; console.log(a); // 3 console.log(b); // 1 const arr = ['one', 'two', 'three', 'four'] const [first, second] = arr // 각 변수에 array 배열의 원소 값 대입 console.log(first, second) // one two // 전개 문법을 배열 분해에 적용 가능 const arr = ['one', 'two', 'three', 'four'] const [st.. 2020. 10. 20.
[JavaScript] 화살표 함수에 대해서 오늘은 화살표 함수에 대해서 공부했다. 화살표 함수는 보통의 함수 표현식을 축약한 형태로 표시해준다. // 보통의 함수 표현식 const add = function(x, y){ return x + y } // 화살표 함수 표현식 -> return 생략 가능 (이때는 {} 사용 X ) const add = (x, y) => x + y // ()도 생략 가능 // const add = (x, y) => {x + y} -> undefined 또한 화살표 함수는 클로저에서 아주 유용하다. // 일반 클로저 함수 const adder = function(x) { return function(y){ return x + y } } adder(2)(4) // 6 // 화살표 함수로 나타낸 클로저 함수 const add.. 2020. 10. 20.
[JavaScript] 싱글톤 패턴(Singleton Pattern)이란? 오늘은 JS에서 싱글톤 패턴을 사용하는 방법에 대해서 공부했다. 싱글톤 패턴(Singletone Pattern)이란 객체 생성 패턴 중 하나로 전체 프로그램 내에서 하나의 인스턴스만 존재할 수 있도록 하는 것이다. // singletonEx 라는 객체안에 키, 벨류 값을 넣어준다. let singletonEx = { count: 0, increase: function() { this.count++ // 메소드 호출을 할 경우, this는 singletonEx를 가리킨다. }, decrease: function() { this.count-- }, getValue: function() { return this.count } } singletonEx.increase() singletonEx.increase().. 2020. 10. 19.
반응형