클래스를 공부하다 보니 명확하지 않은 개념들이 있어서 잠시 멈추고 부족한 부분으로 다시 돌아가려한다.클래스를 공부하다보면 prototype, proto.. 등 생소한 용어들의 등장으로 JS 교재를 읽어내려가는데 어려움을 주었다ㅠ그래서 prototype을 이해하려고 챕터

javascript class

프로세스 : 운영체제로부터 자원을 할당받은 작업의 단위스레드 : 프로세스가 할당받은 자원을 이용하는 실행 흐름의 단위위 정의가 이해가 되지 않는다면, 일단 프로세스는 "작업의 단위", 스레드는 "실행 흐름의 단위" 라고 생각하자!프로세스라는 명칭이 잘 와닿지 않을 수

나는 어떤 사람인가? 배려심이 깊다 사교적 수용력이 강함 친절 낙천적 상황적응 잘함 주의사람 관심이 많음 수다스럽다 마무리가 약하다 어떤 조직이 공동체의 밝고 재미있는 분위기를 조성하는 역할 아이디어 넘침 도전정신 강하다 나의 이야기를 잘 모르는 사람에게 잘 털어놓음

강연 초반에 마틴 파울러가 말합니다." 우리가 처음 개발할 때, 설계 아이디어에서 모듈화에 대해 크게 걱정하지 않고, 품질이 낮더라도 수 많은 기능 개선을 해 왔을 것입니다.만약, 이러한 노선을 취한다면 여러분은 무조건 실패할 것입니다! " 저의 경우만 하더라도 처음

공부하다가 문득 컴파일과 인터프리터가 자주 등장하는데, 둘이 프로그래밍 언어를 해석 한다는 것은 알고 있지만 둘의 차이점이 있다는 것을 알게됐다.그래서 그 둘을 비교하고자 한다.고급 프로그래밍 언어로 작성된 코드(Java, C, C++ ...)를 프로그램이 실행되기

이때까지 사용하면서 node.js 가 무엇인지 잘 몰랐다.그저 알고리즘 문제를 풀고 브라우저 콘솔창이 아닌, VScode 안에서 정답을 확인하기 위해 사용되는 용도로만 알고 있었다.그럼 간략하게 node.js가 무엇인지 알아보자!Node.js는 구글 V8 자바스크립트

이벤트 객체는 이벤트가 발생했을 때 이벤트를 발생시킨 요소와 발생한 이벤트에 대한 정보가 담겨있다. 이벤트 객체는 이벤트 핸들러의 첫 번째 인자로 받는다. 위치는 첫 번째로 항상 고정이다.e.currentTarget - 핸들러를 할당받은 요소 (this와 같음)e.ta

흔히 DOM에서 사용한다. 타입 단언의 개념은 typescript에서 선언하는 것입니다.내가 더 많이 알고 있고 이 값을 다른 타입으로 취급하라고요!typescript가 우리보다 많은 정보가 없는 상황에 쓸 수 있습니다.코드를 통해 확인 해 봅시다!누가 봐도 미스터리라

tsc 커맨드의 인자로 타입스크립트 파일명을 넘기면 해당 파일에 저장되어 있는 소스 코드가 자바스크립트로 변환됩니다.!! 해당 커맨드로 두 가지 파일을 입력하면 두 파일 모두 컴파일 됩니다.타입스크립트에게 단 한 번만 컴파일하지 말라고 지시하는 옵션입니다.typescr

Interface를 처음 마주한 느낌은 type alias 강의와 굉장히 비슷하다는 생각이 들었다.실제로 강의에서도 타입 별칭과 굉장히 유사하다고 말한다.그럼 바로 interface에 대해 알아보자!Interface는 typescript에서 가장 흔히 사용되는 기능이다

Enum type은 JS에는 존재하지 않는 문법으로 TS에만 존재하는 문법이다.처음에는 Enum type이 이해가지 않았다. 일반 객체와 비슷하게 생겼기 때문에 그냥 객체로 타입을 정의하면 되지 않을까?강의를 들어도 그 의문은 해결되지 않았다.그래서 Enum type의

기본 배열 타입이지만 타입과 배열의 길이가 정해져 있는 배열 타입을 말한다.바로 코드로 확인해보자!

변수가 작성한 리터럴 값 중 하나를 갖도록 할 수 있다.바로 코드를 통해 확인해보자!위 코드처럼 말 그대로 문자열을 타입으로 지정하면 같은 문자열(대소문자 구분)만 반환할 수 있다.

유니온 타입(Union Type)이란 자바스크립트의 OR 연산자(||)와 같이 'A' 이거나 'B'이다 라는 의미의 타입입니다.위 사진처럼 타입을 여러가지 지정해 줄 수 있습니다.이렇게 타입을 미리 지정하여 사용할 수도 있습니다.함수를 하나 만들어 보겠습니다.위 코드는

타입을 재 사용하고 이름을 지정하는 방법을 말합니다.예를 들어, 다음과 같은 복잡한 코드가 있을때 코드의 가독성을 좋게 만들어 줍니다.보기만해도 "first: string, last: string" 이 코드가 반복되는 것이 보이죠?이걸 계속 반복하는 대신 타입 별칭을

TS에서 객체형태 타입 지정하는 법만약, 객체 프로퍼티를 추가하면 어떻게 될까?예를 들어, 다음의 함수가 있고함수를 호출할때 객체 프로퍼티를 추가하여 입력하면 어떻게 될까?오류를 보인다. age라는 프로퍼티를 찾을 수 없다고 한다.그럼 다음과 같이 작성하면 어떨까?잘

void type은 변수가 아닌 함수에서 주로 사용하고 아주 드물게 사용됩니다.아무것도 반환하지 않은 함수의 반환타입으로 사용합니다.test(2); // errorfunction test(): void { return undefined;}test(); // undefi

지난 문법시간에 공부했던 내용 중 TS는 변수타입을 추론하는 코드를 같이 살펴봤다.내가 오늘 공부한 내용은 TS는 변수타입도 추론이 가능하지만, 반환타입도 추론이 가능하다.위 코드처럼 함수에도 타입 애너테이션을 지정해 주어야 하지만, 그렇게 하지 않아도 TS는 type

갑자기 정적타입의 언어?정적언어라는 것은 '타입' 즉 자료형을 컴파일 시에 결정하는 것 입니다.우리가 잘 알고 있는 Java, C+ 등이 이에 해당합니다.이 언어는 변수에 들어갈 값의 형태에 따라 자료형을 지정해주어야 합니다.반대로, 동적언어란 JavaScript, P