개요 function Car() { this.tire = 4; this.handle = 1; } let kona = new Car(); let spark = new Car(); console.log(kona.tire); // 4 console.log(spark.tire); // 4 kona와 spark 인스턴스를 생성하게 되면 Car가 가지고 있는 tire와 handle이라는 변수가 각각 메모리에 할당이 된다. 객체를 만들 때마다 새로운 메모리 공간을 사용하게 되는데 이러한 문제를 프로토타입으로 해결할 수 있다. function Car() { } Car.prototype.tire = 4; Car.prototype.handle = 1; let kona = new Car(); let spark = new C..
ES5 와 ES6 비교 ES5 프로토타입 // 생성자 function Cat(name, age) { this.name = name; this.age = age; } Cat.prototype.feeding = function() { return `${this.name}가 츄르를 먹습니다.` } // 인스턴스 생성 let cat = new Cat('금동이', 9); console.log(cat.feeding()); // 금동이가 츄르를 먹습니다. ES6 클래스 class Cat { //생성자 constructor(name, age) { this.name = name; this.age = age; } feeding() { return `${this.name}가 츄르를 먹습니다.` } } // 인스턴스 생성 l..
개요 프로젝트명 : 아가리 스테이츠 프로젝트 소개 : HTML, CSS, JavaScript를 활용해서 질문 게시판 만들기 주요 기능 질문 작성하기(모달창) 로컬 스토리지에 데이터 저장 + 신규 데이터 저장 페이지네이션 이미지 애니메이션 👉프로젝트 구경하기👈 아가리 스테이츠 g4dalcom.github.io 상세 모달창으로 구현한 질문 작성하기 // ======== 모달창 관련 ======== // const $modal = document.querySelector('.modal'); const $form_container = document.querySelector('.form__container'); const $main_container = document.querySelector('#main_co..
GROUP BY GROUP BY는 데이터들을 원하는 그룹으로 나눌 수 있다. 그룹화하기 위해 집계 함수(COUNT, MAX, MIN, SUM, AVG)와 자주 사용된다! SELECT COUNTRY, COUNT(COUNTRY) AS COUNRY_COUNT FROM CUSTOMERS GROUP BY COUNTRY ORDER BY COUNTRY CUSTOMERS 테이블에서 나라별 고객의 수 HAVING GROUP BY 절에 의해 생성된 결과 값 중 원하는 조건의 데이터를 분류하기 위해 사용(WHERE과 유사하지만 GROUP BY와 사용된다는 점에 차이가 있다!) SELECT COUNTRY, COUNT(COUNTRY) AS COUNRY_COUNT FROM CUSTOMERS GROUP BY COUNTRY HAVI..
1. 개념 함수와 그 함수가 접근할 수 있는 변수의 조합 변수의 스코프가 선언된 위치에 따라 정해지는 것과 달리 클로저는 선언된 함수 주변 환경에 따라 접근할 수 있는 변수가 달라진다. 이러한 환경은 어휘적 환경(Lexical Environment) 라고 한다. 2. 역할 2-1. 데이터를 보존하는 함수 function closure (meow) { let parameter; return `${parameter}${meow}`; } console.log(parameter); // ReferenceError: parameter is not defined (함수 내부에 선언한 변수에 접근 불가) console.log(meow); // ReferenceError: meow is not defined (매개변수..
- Total
- Today
- Yesterday
- 정렬
- JPA
- dfs
- SQLD
- java
- Spring
- 리액트
- 자바스크립트
- JavaScript
- Nest
- SQL
- 알고리즘
- 자바
- 형변환
- 스프링부트
- 프로그래머스
- 백준
- 자바bfs
- 스프링
- 자바dp
- 해시맵
- Queue
- Comparator
- 자바트리
- BFS
- 타입스크립트
- 이분탐색
- Algorithm
- CS
- DP
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |