🏍️ 오늘 한 일 - 프로토타입 체인 블로깅 - 비동기 맛보기 - 커밋 🏍️ 깨달은 점 - prototype : 저장소 -__proto__: 저장소의 주솟값 - 클래스 객체에서의 this는 instance객체이다. - 클랙스 객체에서 생성자 함수 안에서 return this가 생략된다. - super 생성자는 한번만 호출할 수 있다. - 생성자 함수랑 super 생성자함수는 매개변수 없어도 상속받은 속성이나 메소드를 사용할 수 있다. - 두개 이상의 다른 부모객체를 상속받을 때 extends() 키워드 괄호안에 연산자 사용이 가능하다. - 속성은 super() 키워드 괄호 안에 {대괄호}에 나열해준다. 🏍️ 해야할 일 - 비동기 관련 유튜브영상 찾아보기 (드림코딩! 애플코딩!)
🌲오늘 한 일 - 거의 복붙한 블로깅 4개 - 클래스,프로토타입 관련 유튜브강의듣기 - 모자딥다 읽기 - 영어스터디 🌲깨달은 점 - 이해하는것을 목표로하자! 그렇~게 조급해하지 말자고 떡하니 써놨건만 진도에 급급해 결국 이해하는데 너무너무 오래걸렸다. 나의 소중한 취침시간을 지키려면 효율적으로 행동하자! 🌲해야할 일 - 오늘 후다닥 쓴 블로그 수정하기 - 영어스터디 월요일 발표 주제 정하기 => 지금부터 준비하자..
🥙 프로토타입 체인이란 OOP의 개념중 하나인 상속을 구현하려면 프로토타입 체인을 사용합니다. 자바스크립트에서 객체의 속성이나 매서드를 찾을 때, 해당 객체의 프로토타입을 따라 올라가면서 마치 유전자를 탐색하듯 검색을 합니다. 만약 해당 객체에서 찾는 속성이나 메서드가 없다면 그 객체의 프로토타입을 따라 올라가며 검색하고 더이상 프로토타입이 없을 때까지 계속해서 검색합니다. 이과정에서 프로토타입 체인에 있는 모든 객체의 속성과 메서드를 사용할 수 있습니다. 객체를 생성하는 Tv템플릿에 tv1이라는 인스턴스를 생성해서 데이터가 들어간 객체를 만들 수 있습니다. 부모는 자식에게 name과 price라는 속성을 상속해줍니다. 자바스크립트에는 prototype는 사람의 유전자와 비슷한역할을 합니다. 부모의 유전..
🌷프로토타입이 무엇인지 설명할 수 있다. 프로토타입은 마치 자동차 공장에서 만들어지는 차량의 원형과 비슷합니다. 자동차 공장에서는 한 번에 많은 차량을 만들어내기 위해 차량의 원형을 만들고, 그 원형을 기반으로 여러 대의 차량을 만듭니다. 이때, 차량의 원형은 디자인과 구조가 이미 결정되어 있으며, 만들어진 차량은 이 원형을 기반으로 하여 일부분만 수정하거나 추가하는 것으로 제작됩니다. 자바스크립트에서도 객체를 만들 때 비슷한 방식을 사용합니다. 객체를 만들기 위해 먼저 해당 객체의 원형인 프로토타입을 만들고, 그 프로토타입을 기반으로 다수의 객체를 생성합니다. 이때, 프로토타입은 객체의 기본 디자인과 기능을 정의하며, 객체는 이를 기반으로 하여 필요한 속성이나 메서드를 추가하거나 수정할 수 있습니다. ..
🍎 절차적 지향 프로그래밍 - 초기의 프로그래밍 언어는 단순하게 함수같이 절차를 따라 이동하는것이 전부였다. 🍎 객체 지향 프로그래밍 (OOP) - 그러나 객체지향 프로그래밍은 변수와 함수로 순차적으로 작동하는 것을 넘어서 - 데이터의 접근, 처리 과정에대한 모형을 만들어 내는 방식을 고안해냈다. - 데이터와 동작기능을 한 번에 묶여서 처리할 수 있게 되었다. 예를들어서, 원의 반지름이라는 속성이 있다. 속성을 가지고 원의 지름, 둘레,넓이를 구할 수 있다. 이때 반지름은 상태를 나타내는 데이터(프로퍼티) 원의 지름, 둘레, 넓이를 구하는 것은 동작(메서드)이다. - 이처럼 객체 지향 프로그래밍은 객체의 상태를 나타내는 데이터(프로퍼티)+상태 데이터를 조작할 수 있는 동작(메서드) 을 하나의 논리적인 단..
🍏 클래스란 무엇이고 왜 사용하는가? 클래스는 중복되는 객체를 일일히 적어주지 않아도 여러개의 객체를 쉽게 만들 수 있다. 따라서 클래스는 객체의 템플릿이라고 할 수 있다. 원하는 모양의 class틀 에다가 비슷한 모양의 객체를 넣고 찍어내는 붕어빵기계와 비슷한 맥락이라 할 수 있다. function Car(color) { } // class let avante = new Car('red'); let benz = new Car('orange'); let lamborghini = new Car('yellow;); // instance 붕어빵 기계인 Car(color)를 만들고 ➡️ class 붕어빵인 객체 (Car의 색상)를 class에 넣어 만드는 ➡️ instance 프로그래밍패턴이 바로 OOP, 객체..
🍩오늘 한 것 - 코플릿을 다 풀었다......... 사실 레퍼런스 본 것도 있어서 100% 이해했다고는 할 수없다. 🍅깨달은 것 - array 에서 in 연산자 object에서 of연산자 - if else 문에서 구문이 한 줄 일 때 {중괄호} 생략가능 - 화살표함수에서 리턴문이 한 줄일때 {중괄호}, return문 생략가능 - reduce 초깃값 없을때 배열의 첫 번째 element가 초깃값이 된다. - map : 배열 => 배열 , 배열의 요소 하나하나를 만지고싶을 때 - filter : 배열 => 배열, 배열을 조건에 따라 필터링 하고싶을 때 - reduce : 배열 => 하나의 결과 값, 만능엔터테이너 ✨해야 할 것 - 내일 영어스터디주제인 OOP MDN영어로 찾아보기.. + 노마드코더
오늘은 말이죠옹 section1이 끝나는 날이었다. 감사하게도 바로 section2 고차함수를 들어가는 대신 회고시간을 가졌다. 이것도 회고니까 TIL로 퉁쳐봅니다. 아래는 내가 작성한 KPT 전문이다. Keep 작성을 위한 질문 목표를 달성하기 위해 시도했던 것 중 가장 효과적이었던 노력은 무엇인가요? 몇 년 전부터 미라클모닝 챌린지에 꽂혀 꾸준히 하고 있었는데 부트캠프를 시작하면서 일찍 기상하는 일이 어려워졌다. 공부할 양이 많기에 잠을 줄여야 하나도 생각했지만 나는 잠을 한 번 밀리기 시작하면 끝도 없이 밀리고 컨디션 조절이 어려워지기 때문에 늦어도 1시 이전 취침 7시 기상을 지켰다. 덕분에 컨디션을 유지할 수 있었고 번아웃도 (아직은😂)오지 않았다. 수료하는 그날까지 이 루틴만큼은 잘 지켰으면 ..
클로저란 함수와 함수가 선언된 어휘적 환경을 말합니다. 여기서 어휘적환경이란 함수의 주변환경을 말합니다. 주로 외부함수의 변수는 내부함수의 어휘적 환경에 포함됩니다. 내부함수가 리턴되고 외부함수가 종료되더라도 클로저의 어휘적환경에 접근하여 외부함수 변수에 접근할 수 있습니다. 언제쓰나요?
