상속, Inheritance - 상속은 객체들 간의 관계를 구축하는 방법이다. - 수퍼 클래스(또는 부모 클래스)등의 기존의 클래스로부터 속성과 동작을 상속받을 수 있다. - 공통되는 데이터를 정리할 수 있는 방법이다. class Person { name; year; constructor(name, year) { this.name = name; this.year = year; } } class Singer extends Person { sing() { return `노래합니다.`; } } class Actor extends Person { acting() { return `연기합니다.`; } } const zico = new Singer("zico", 1993); console.log(zico); // ..
분류 전체보기
Static - 객체에 귀속되지 않는다. - 클래스에 직접 귀속돼서 new로 쓸 필요 없다. class Person { name; year; static groupName = '쑤'; constructor(name, year) { this.name = name; this.year = year; } // 함수도 가능 static returnGroupName() { return '쑤'; } } const soo = new Person('soo', 1997); // 객체에 귀속되지 않는다. console.log(soo);// Person { name: 'soo', year: 1997 } // 그럼 어디에 귀속돼있나? // 클래스 자체에 귀속되어있다! console.log(Person.groupName)// 쑤..
Getter 1. 데이터를 가공해서 새로운 데이터를 반환할때 2. private한 값을 반환할때 Setter 1. 값을 설정해줄때 물론 Setter 없어도 바꿀 수는 있지만 프로퍼티를 private으로 바꿨을때는 Setter없이 바꿀 수 없다. private은 직접 액세스가 불가 2. Setter는 정의한 값을 변경하는 것이기 때문에 많이 선호하지는 않음 class Person { name; year; constructor(name, year) { this.name = name; this.year = year; } // Getter, Setter get getNameAndYear() { return `${this.name}-${this.year}`; } // 바꾸고 싶은 프로퍼티의 이름과 겹치게 많이 설..
클래스? - 객체지향 프로그래밍에서 특정 객체(인스턴스)를 생성하기 위한 변수와 메소드(함수)를 정의하는 일종의 틀이다. - 정보를 일반화해서 정리하는 방법이다! class person { // 어떤 프로퍼티가 존재하는지 미리 정의하는 것은 아주 좋은 습관! name; year; // 생성자 constructor(name, year) { this.name = name; this.year = year; } // 클래스 내 메소드 정의 // 암묵적으로 함수라는걸 인지함 sayName() { return `안녕하세요 저는 ${this.name}입니다.` } }
const soo1 = { name: 'sooyoung', age: 27 } const soo2 = { name: '수영', ...soo1, } const soo3 = { ...soo1, name: '수영', } console.log(soo2);// { name: 'sooyoung', age: 27 } console.log(soo3);// { name: '수영', age: 27 } - soo2는 name: '수영'을 먼저 선언 했으나 전개 연산자를 그 다음에 펼쳐줬으므로 '수영'으로 name 값이 바뀌지 않는다. - 의도대로 바꿔주려면 전개 연산자를 먼저 펼치고 나서 바꿔주는 순서로 진행해야 한다.
Copy of Value - 값에 의한 전달 Copy of Reference - 참조에 의한 전달 - 기본적으로 모든 primitive 값은 값에 의한 전달이다.(function, object, array 빼고 나머지) - 객체는 참조에 의한 전달이다 const soo1 = { name: 'sooyoung', age: 27 } const soo2 = soo1; const soo3 = { name: 'sooyoung', age: 27 } const soo4 = { ...soo3, } console.log(soo1 === soo2);// true console.log(soo1 === soo3);// false console.log(soo2 === soo3);// false console.log(soo3 ==..
http 상태 코드 몇가지 정리해보기 🟢 1~ Informational 요청이 수신되어 처리 중이라는 의미를 가진다. 100 Continue 처리가 되었으니 다음으로 진행 101 Switching Protocols 서버가 프로토콜을 전환중 102 Processing 서버가 요청을 아직 처리중이라 제대로된 응답을 알려줄수 없음 103 Early Hints 웹페이지에 필요한 리소스에 대한 힌트를 제공하여 리소스를 사전 로드하여 로딩을 빠르게 🟢 2~ Success 요청이 정상적으로 처리되었다는 의미를 가진다. 200 OK 클라이언트의 요청을 서버가 정상적으로 처리 201 Created 클라이언트의 요청을 서버가 정상적으로 처리했고 새로운 리소스가 생김 202 Accepted 클라이언트의 요청은 정상적이나, ..
SQL - JOIN 정리 예시 테이블 Table: employees +--------+--------------+------------+---------+ | emp_id | emp_name | hire_date | dept_id | +--------+--------------+------------+---------+ | 1 | Ethan Hunt | 2001-05-01 | 4 | | 2 | Tony Montana | 2002-07-15 | 1 | | 3 | Sarah Connor | 2005-10-18 | 5 | | 4 | Rick Deckard | 2007-01-03 | 3 | | 5 | Martin Blank | 2008-06-24 | NULL | +--------+--------------+--..
첫 프로젝트 회고를 이제야 작성하다니.. 전에는 회고글은 기록하는 용도라고 생각했었는데 막상 다른 팀 프로젝트를 해보니 같은 문제점이 보이는 걸로 보아 전체적인 팀 프로젝트에 대한 객관적인 시선으로 회고를 꼭 작성하는 시간을 가져야겠다고 생각이 들었다. 1. 내가 선택한 회고 방식 - 내배캠에서 알려준 KPT 회고 방식이다. KPT 회고란? Keep, Problem, Try 지속할 것, 문제가 될 것, 다음에 시도할 것 각 시간에 맞춰 다음 목록을 진행하며 회고하는 방식이다. 시간은 50분 정도로 진행되며 만약의 상황에 대비해 10분 정도 여유를 가지자. 진행 순서는 아래와 같다. - KPT에 대해서 설명 : 5분 - Keep, Problem 작성 : 5분 - 각자 작성한 Keep, Problem 공유 ..
내배캠 사전교육이 끝나갈 무렵 팀 소개 페이지 프로젝트가 발제되었다. 팀원들이랑 사전교육 내내 열심히 했었어서 걱정이 없었고, 결과적으로는 하려고 했던 모든 계획을 다 이루어 냈다! 소중했던 첫 프로젝트 간단하게 기록하기 ㅎㅎ 1. 소개 내일배움캠프 사전교육 1조 팀 소개 페이지 제작 프로젝트입니다. https://eunji624.github.io/1suk2jo/ 팀명 🍔먹고하조 팀장 유은지 팀원 김영우 정기욱 최수영 2. 사용 기술, 라이브러리 - HTML, CSS - Javascript - Jquery - Bootstrap 3. 페이지 소개 1) 메인페이지 - 상단 Navbar: 로고 및 카테고리 별로 페이지 이동 - 메인 페이지 section: 간단한 인사와 소개, 목표 기재 - 하단 footer:..
