고니의 개발 일지📚

자바스크립트의 this는 다른 언어의 this와 다르다.this의 개념을 말해야 할 때 나는 Java에서의 this의 개념을 얘기했고 처참히 틀렸다.....제대로 된 개념을 다지기 위해 this의 개념을 정리해보고자 한다. ◎ Java에서의 this 우선 Java에서의 this는 자기(인스턴스) 자신을 가리키는 참조변수이다.주로 매개변수와 객체 자신이 가지고 있는 멤버변수명이 같을 경우 이를 구분하기 위해 사용한다. ◎ JavaScript에서의 this자바스크립트의 경우 함수 호출 방식에 의해 this에 바인딩할 어떤 객체가 동적으로 결정된다. this 바인딩은 함수를 호출할 때 바인딩할 객체가 동적으로 결정된다.이는 일반 함수 내부, 메서드 내부, 생성자 함수 내부, Call, Apply, Bind를 ..

이 포스팅은 유튜브 드림코딩 엘리님의 강의를 통해 개념을 정리하는 목적으로 작성되었습니다. https://youtu.be/_DLhUBWsRtw ⭐ 클래스는 조금더 연관있는 데이터들을 한데 묶어두는 컨테이너같은 것이다. ▶ Class란? 클래스는 fields와 methods가 종합적으로 묶여있는 것 클래스는 상속, 다형성, 캡슐화가 가능 - template만 정의 - 데이터는 안에 들어있지 않음 ex. 붕어빵 틀 => 클래스 클래스를 이용해 새로운 인스턴스를 생성하면 오브젝트가 된다. ▶ Object란? - 클래스의 인스턴스 - 여러번 만들 수 있음 - 데이터가 들어있음 ex. 팥 붕어빵 / 슈크림 붕어빵 / 피자 붕어빵 => 오브젝트 Object-oriented programming ▶ 자바스크립트에 클..

이 포스팅은 유튜브 드림코딩 엘리님의 강의를 통해 개념을 정리하는 목적으로 작성되었습니다. https://youtu.be/e_lU39U-5bQ 자바스크립트의 핵심 기능 중 하나인 Function ★을 알아보자. 절차적 언어에서는 함수가 매우 중요하다. JS에 class가 추가됐지만 프로토타입을 베이스로 한 가짜의 객체지향이라고 할 수 있다. (다음글에서 계속!) function은 sub-program라고도 불린다. INPUT(parameter)를 받아 FUNCTION f: => 함수명은 기능을 알아보기 쉽게 정의하기! OUTPUT(f(x)) 리턴 ▶ Function (함수) 정의 - fundamental building block in the program : 프로그램 내에서 굉장히 기본적인 빌딩 블록 ..

https://youtu.be/OCCpGh4ujb8 이 포스팅은 유튜브 드림코딩 엘리님의 강의를 통해 개념을 정리하는 목적으로 작성되었습니다. ▶ Variable, 변수란? 변경될 수 있는 값을 말한다. ▶ 자바스크립트에서 변수를 선언하는 방법은? JS에서는 let, const을 사용하여 변수를 선언한다. (ES6에서 추가 됨!) 1. let (Mutable 데이터 타입) 🔓 let name = 'goni'; console.log(name); // goni를 출력 name = 'hello'; // name 변수에 'hello'를 재할당 console.log(name); // hello를 출력 2. const (Immutable 데이터 타입) 🔒 const로 선언한 변수의 값은 잠겨있다. 변경 불가! 한번..

프로젝트를 하다보니 기본기가 탄탄해야 함을 뼈저리게 느끼고 인강을 통해 지식&문법을 하나하나 정리해나가려 한다! 이 포스팅은 유튜브 드림코딩 엘리님의 강의를 통해 개념을 정리하는 목적으로 작성되었습니다. https://youtu.be/tJieVCgGzhs ▶ API 란? Application Programming Interface의 약자. 보충) AWS에서는 다음과 같이 API를 설명하고 있다. API의 맥락에서 애플리케이션이라는 단어는 고유한 기능을 가진 모든 소프트웨어를 나타냅니다. 인터페이스는 두 애플리케이션 간의 서비스 계약 이라고 할 수 있습니다. 이 계약은 요청과 응답을 사용하여 두 애플리케이션이 서로 통신하는 방법을 정의 합니다. API 문서에는 개발자가 이러한 요청과 응답을 구성하는 방법에..

Q. 스프레드 연산자란? -> 3개의 점(...)으로 이루어진 연산자 Q. 이러한 스프레드 연산자는 왜 사용하는가? -> 스프레드 연산자를 사용하면 특정 배열의 원소를 한번에 불러올 수 있다. Q. 언제 사용하면 좋은가? 1) 배열의 내용을 조합할 때 예를 들어, 두 배열이 있을 때, 두 배열의 모든 원소가 들어간 세 번째 배열을 쉽게 만들 수 있다. const fruits = ["apple", "banana", "peach"]; const drink = ["coke", "soda", "milk"]; const snack = [...fruits, ...drink]; console.log(snack.join(', ')); 위 코드를 실행해보면 콘솔 창에 fruits와 drink의 원소들이 차례대로 snac..