코딩응애의 개발블로그

객체 지향 프로그래밍은 데이터와 기능을 한곳에 묶어서 처리한다. 속성과 메서드가 하나의 객체라는 개념에 포함. 자바스크립트 내장 타입인 object(이하, object literal)와는 다르게, 클래스(Class)라는 이름으로 부릅니다 클래스와 인스턴스 객체 지향 프로그래밍은 하나의 모델이 되는 청사진(blueprint)을 만들고, 그 청사진을 바탕으로 한 객체를 만드는 프로그래밍 패턴이다. js에 그냥 객체가 아닌 "청사진"을 바탕으로 만들어진 객체는 인스턴스라고 하고 청사진은 클래스라고 부른다. 클래스를 만들때는 class 키워드를 이용한다. 클래스 안에는 생성자가 있다. class Car { constructor(brand, name, color) { // 인스턴스가 만들어질 때 실행되는 코드 t..

일급 객체 js에서 함수가 대표적인 일급 객체중 하나이다. 함수 특징 변수에 할당(assignment) 할 수 있다. const square = function (num) { return num * num; }; // 변수 square에는 함수가 할당되어 있으므로 (일급 객체), 함수 호출 연산자 '()'를 사용할 수 있습니다. output = square(7); console.log(output); // --> 49 다른 함수의 전달인자(argument)로 전달될 수 있다. 다른 함수의 결과로서 리턴될 수 있다. 고차함수 함수를 전달인자(argument)로 받을 수 있고, 함수를 리턴할 수 있는 함수 함수 특징과 같은 모습이다. 다른 함수(caller)의 전달인자(argument)로 전달되는 함수를 콜..

벌써 섹션1 끝? 뭔가 딱히 한건 없는것 같은데 벌써 섹션 1일 끝나다니 믿기질 않는다… 지금의 나와 수료 시작했을때 나랑 비교해보면 뭔가 달라진건 크게 없는것 같은데 시간이 너무 빠르다.. Keep 1. 코드스테이츠에서 배운 개념 구글링 어떻게 보면 당연한거긴 한데 코드스테이츠에서 배운 개념들을 좀더 자세히 알기위해 구글링을 하고 그 내용들을 블로그에 정리를 했던게 도움이 됐다. 지금은 좀 밀리긴 했는데 정리를 해서 블로그에 올려두면 까먹었을때 볼 수 있어서 좋다. 2. 배운 개념을 응용해서 작은 프로젝트 하기 css를 배우고 부족한거 같아서 웹사이트 하나를 만들었다 만들면서 새로운 개념들을 알게되고 또 만들면서 막혔던 부분을 정리하니 기억에 조금은 더 오래 남는것 같고 배운걸 활용하다보니 그냥 정리하..

DOM Document Object Model의 약자로, HTML 요소를 Object(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model. HTML을 분석하여 HTML의 아주 작은 부분까지 접근할 수 있는 구조를 만들었는데 이 구조를 DOM 이라고 함. DOM을 이용하면 HTML로 구성된 웹 페이지를 동적으로 움직이게 만들 수 있다. 자바스크립트에서 DOM은 document 객체에 구현되어 있다. DOM 구조를 조회할 때에는 console.dir 이 유용합니다. console.dir 은 console.log 와 달리 DOM을 객체의 모습으로 출력 DOM 구조 body가 가장 상위에 있고, 아래에 여러 구성요소가 부모-자식 관계를 가지고 있습니다. 이런 구조를 트리구조..

expect().to.equal(); 테스트하는 값과 기대값을 비교하기 위해 expect 함수를 사용 expect(테스트하는값).기대하는조건 expect(1 + 2).to.equal(3) // 'sum(1, 2)의 결과값은 3과 같아야(equal) 한다' 기대하는조건'에 해당하는 함수를 matcher라고 합니다. 다양한 matcher가 있는데 그중 .equal은 두 값이 타입까지 같은지 검사하는것 === 이것처럼 expect('테스트하는값').to.equal('기대하는값'); 참조 : https://www.chaijs.com/api/bdd/ 숫자 - 문자열 = 숫자 ? 말그대로다 왜 숫자가 나오는 걸까 결론부터 말하자면 문자열에서는 빼기를 할 수가 없다고 한다. 123-'1' = 122 그래서 문자열 1..

클로저 외부 함수의 변수에 접근할 수 있는 내부함수를 클로저 함수라고 한다. 근데 이거 가지고는 이해가 안가서 유튜브 영상 몇개 더봄 클로점 함수 특징 1.함수를 리턴하는 함수 2.내부 함수는 외부 함수에 선언된 변수에 접근 가능하다 하지만 단순히 함수를 리턴한다고 클로저 함수가 되는 것은 아니다. 이제 유튜브 보고 알게된 내용 정리 if(1

스코프 자바스크립트에서 스코프는 변수 접근 규칙에 따른 유효 범위를 뜻한다. 변수에 접근할 수 있는 범위가 존재 하는데 중괄호 안쪽에 선언이 됬는지 바깥쪽에 선언이 됬는지가 중요한데 이 범위를 스코프라고 부른다 바깥쪽 스코프에서 선언한 변수는 안쪽 스코프에서 사용 가능합니다. 반면에, 안쪽에서 선언한 변수는 바깥쪽 스코프에서는 사용할 수 없습니다. 그리고 스코프는 중첩이 가능하다. 가장 바깥쪽의 스코프를 전역 스코프라고 부르고 전역이 아닌 다른 스코프는 전부 지역 스코프 이다. 지역 스코프에 선언한 변수는 지역 변수, 전역 스코프에서 선언한 변수는 전역 변수. 지역 변수는 전역 변수보다 더 높은 우선 순위를 가짐. 전역변수는 어디서든 접근이 가능하다 하지만 전역 변수를 많이 만드는건 좋은 선택이 아니다...

원시 자료형 객체가 아니면서 method를 가지지 않는 6 가지의 타입이다. string, number, bigint, boolean, undefined, symbol, (null) 하나의 정보, 데이터를 담고 있다. 변수에는 데이터의 크기와는 관계없이 하나의 데이터만 담을 수 있다. 기존 데이터의 영향 안감. 참조 자료형 참조 자료형을 변수에 할당할 때는 변수에 값이 아닌 주소를 저장한다. 배열([])과 객체({}), 함수(function(){})가 대표적. 그리고 하나의 데이터가 아닌 여러 데이터가 담기게 된다. 그래서 이 데이터는 특별한 데이터 보관함에 저장이 된다. 이 데이터가 위치한 곳을 가리키는 주소가 변수에 저장이 된다. 이런 보관함을 heap이라고 부른다. 그리고 동적으로 변함. 대량의 데..