코드노트

클래스 - 클래스는 생성자 함수와 유사하게 동작하지만 몇 가지의 차이를 가지고 있다. - 클래스는 class 키워드를 사용하여 정의 // 클래스 선언문 class Person{} // 익명 클래스 표현식 const Person = class {}; // 기명 클래스 표현식 const Person = class MyClass {}; - 클래스는 표현식으로 정의할 수 있다. * 무명의 리터럴로 생성할 수 있고 런타임에 생성 가능 * 변수, 자료구조(객체, 배열) 저장 가능 * 함수의 매개변수에 전달 가능 * 함수의 반환값으로 사용 1. 클래스를 new 연산자 없이 호출하면 에러가 발생 - 생성자 함수를 new 연산자 없이 호출하면 일반 함수로 호출 2. 클래스는 상속을 지원하는 extends와 super 키..

실행 컨텍스트 Execution context - 자바스크립트 동작 원리를 담고 있는 개념 실행 컨텍스트를 이해해야하는 이유 - 자바스크립트가 스코프를 기반으로 식별자와 식별자에 바인당된 값을 관리하는 방식 - 호이스팅이 발생 - 클로저의 동작 방식 - 테스트 큐와 함께 동작하는 이벤트 핸들러 - 비동기 처리의 동장 방식 실행 컨텍스트 구성 - 전역공간은 자동으로 컨텍스트로 구성 - 함수를 실행 - eval()함수를 실행 - block을 만든다. 소스코드 타입 소스코드 타입 설명 전역 코드 global coad 전역에 존재하는 소스코드, 전역에 정의된 함수, 클래스 등의 내부 코드는 포함되지 않음 함수 코드 function code 함수 내부에 존재하는 소스코드. 함수 내부에 중첩된 함수, 클래스 등의 ..

생성자 함수를 예로들어보자. 생성자 함수 내부에서 프로퍼티, 메서드를 추가하려면 자신이 생성하는 인스턴스를 참조할 수 있어야한다. * 참조할 수 있지만 함수 이름을 통해서 재귀적으로 참조하는 방식은 바람직하지 않은 방법 - this를 사용 this - 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수(self-referencting variable) - this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티 또는 메서드를 참조 - JS 엔진에 의해서 암묵적으로 생성 - 어느 코드에서나 참조 가능 - 함수 호출시 arguments객체와 this가 암묵적으로 함수 내부에 전달 - 지역 변수처럼 사용할 수 있다. - this가 가리키는 값은? this바인딩, 함수 호출..

자바스크립트를 지금까지 공부하면서 겉핥기로 계속 넘어갔던 부분들을 공부하려고 했다. 그 중에서도 정말로 이해안되던 프로토타입... MDN은 역시나 이해안되는 단어 문장들로 되어있다.. 책을 봐도 어렵게 풀어놨다... 약간 논문을 보는 느낌이라고 해야하나? 일부로 어렵게 설명해놓은듯한 느낌.. 코딩애플을 보고 역시나 10분만에 이해해버렸다.. 자바스크립트는 프로토타입 기반의 객체지향 언어이다. - 원시 타입의 값을 제외한 함수, 배열, 정규표현식 등 모두 객체이다. * 인스턴스 - 인스턴스(instance)란 클래스에 의해 생성되어 메모리에 저장된 실체를 말한다. - 클래스 또는 프로토타입을 사용하여 만들어 낸 결과물 프로토타입 이것만 알자! 프로토타입은 객체를 생성하게 되면 만들어진다. - prototy..

Branch - 분기점을 생성하고 독립적으로 코드를 변경할 수 있도록 도와주는 모델 - 다른 브랜치의 영향을 받지 않기 때문에 여러 작업을 동시에 진행할 수 있다 Branch command git branch - 현재 브랜치 확인 git branch 이름 - 브랜치 생성 git switch 이름 - 브랜치 이동할 때 git branch -D 브랜치이름 -브랜치 지우기 git merge 브랜치이름 - 다른 브랜치로 작업한 결과물을 가져온다. - 가져올 브랜치로 이동 -> 가져올 브랜치 이름을 명령 git branch --merged - merge된 branch 표시 git branch -no--merged - merge되지 않은 branch 표시 브랜치 이동 후, git push origin -u 브랜치..

- branch 치려는데(생성) fatal: Not a valid object name: 'master'. 오류 문구가 나오는걸 볼 수 있다. - branch를 연습하는 과정에서 누구나 볼 수 있는 오류 문구인거 같다. - fatal: Not a valid object name: 'master'. 이 문구가 나오는 이유는? 문구 그대로 master branch 에서 commit이 되지 않았기 때문이다. branch를 사용하는 이유에서 만큼 최소 1번의 commit을 진행 후 branch를 사용하도록 하자! 이 외에도 브랜치를 생성했던 디렉토리가 있다면 그 디렉토리 내에서는 바로 사용이 가능하다. 내가 지금 브랜치를 치려는 디렉토리가 처음 브랜치를 사용하는 곳이라면 이 문구가 나온다!

함수는 객체 함수는 프로퍼티를 가질 수 있다. - 이렇게 알 수 있듯이 함수를 생성하면 프로퍼티를 가지고 있는걸 볼 수 있다. 자바스크립트 프로퍼티 어트리뷰트(내부 슬롯, 내부 메서드) - 내부슬롯, 내부 메서드는 ECMAScript 사양에 정의된 대로 구현되고 JS 엔진에서 동작한다. 그러나 개발자가 직접 접근할 수 없다. - 내부 슬롯, 내부 메서드는 JS 엔진의 구현 알고리즘을 설명하기 codeno-te.tistory.com 모든 프로퍼티의 어트리뷰트를 보게 되면? arguments, caller, length, name, prototype 데이터 프로퍼티를 볼 수 있다. 함수 객체의 고유의 프로퍼티이다. arguments - 함수 호출을 할 때 전달되는 인수의 정보를 담고 있는 유사 배열 객체 *..

Object 생성자 함수 - new 연산자와 Object 생성자 함수를 호출하게 되면 빈 객체를 생성하여 반환 - 빈 객체를 생성한 후 프로퍼티, 메서드를 추가해 객체를 완성 - 생성자 함수에 의해 생성된 객체를 인스턴스(instance)라 한다. const tranvel = new Object(); tranvel.first = "곽튜브"; tranvel.hello = function () { console.log(`Hi! ${this.first}`); }; console.log(tranvel); // { first: '곽튜브', hello: [Function] } tranvel.hello(); // Hi! 곽튜브 - new 연산자로 객체를 생성하고 프로퍼티를 추가할 수 있다. - Object 외에도 S..

git 과 github는 다르다. git은 도구, 버전 관리 프로그램 - 나의 코드 수정 내역등을 기록하고 관리하는 관리 프로그램이다. - 로컬 저장소를 사용하기 때문에 다른 개발자와 실시간으로 작업을 공유할 수 없다. github 버전 관리, 소스 코드 공유, 원격 저장소 - git 저장소를 관리하는 클라우드 기반 호스팅 서비스! - 클라우드 기반으로 다른사람들과 소스코드 공유 및 git기능을 확장하여 제공 - 여러 사람들과 참여하여 버전 제어 및 공동 작업이 가능 git object git 은 object로 관리한다. ▶ Blob - git add 명령 시 생성 - 파일 하나의 내용에 대한 정보 - 파일 내용 ▶ Tree - git commit 명령 시 생성 - Blob이나 subtree의 메타 데이..

git에 대해서 기본 명령어들을 배우고 사용했었다. 그러나 git의 개념, 사용법 등에 있어서 모르는부분들이 많았다. 처음부터 github에 잔디를 심는? 심어야겠다는 생각보다 블로그에 하나하나 기록하자는 생각이 컸기 때문인거 같다. 지금까지도 블로그에 어떻게 보면 기록들을 하고 배운내용들을 정리하는 부분들이 많았지만 이번 git을 배우면서 github에도 기록을 하는 연습을 해야겠다는 생각이 들었다. git 의 장점 - 소스코드 동시작업 가능, 생산성 증가 - 수정내용은 commit 단위로 관리, 배포 및 원하는 시점에 Checkout가능 - 인터넷 연결이 되지 않아도 사용 가능 - CLI Shell command와 Vim editor에 대해서 배웠다. Shell - 운영체제의 커널과 사용자를 이어주는..