Typescript-challenge 5

private 키워드는 오로지 타입스크립트가 코드를 보호해주기 위해서만 사용하고 자바스크립트에서는 사용되지 않는다.추상 클래스는 다른 클래스가 상송받을 수 있는 클래스다. Player는 상속 받을 수만 있고 직접적으로 인스턴스를 만들지는 못한다.강력한 보호 privat

6일 전
·
0개의 댓글

Typescript-challenge 4

제네릭은 재사용성이 높은 컴포넌트를 만들 때 자주 활용되는 특징이다. 한가지 타입보다 여러 가지 타입에서 동작하는 컴포넌트를 생성하는데 사용된다.제네릭은 내가 요구한 대로 signature를 생성해줄 수 있는 도구이다.제네릭(Generics)의 사전적 정의(https&

7일 전
·
0개의 댓글

Typescript-Challenge 3

함수 위에 마우스를 올렸을 때 보게 되는 것. 인자의 타입과 함수의 반환 타입을 알려준다.함수의 타입을 미리 정해둔 것을 call signatures라고 한다. 프로그램을 디자인하면서 타입을 먼저 생각하고 코드를 생각하는 것. overloading은 함수가 서로 다른

2022년 6월 29일
·
0개의 댓글

Typescript-Challenge 2

객체 타입 객체 타입 object에 name이 없다. age?는 age라는 요소가 있어도 되고 없어도 된다는 의미. 객체 타입 재활용 객체 타입을 재활용함으로써 코드가 깔끔해진다. 객체 타입에 타입을 할당한 다른 변수를 넣어줘도 되지만 코드가 clean & c

2022년 6월 29일
·
0개의 댓글

Typescript-Challenge 1

코드가 짧아서 가독하기 좋다.: type은 Type Checker와 소통하는 방식이다.: number\[] 숫자 타입으로 이루어진 배열 타입이라고 타입체커에게 알려준다.

2022년 6월 28일
·
0개의 댓글
post-thumbnail

13장 스코프 (JS Deep Dive)

스코프(유효범위)는 변수 자신이 선언된 위치에 의해 자신이 유효한 범위를 말한다. 모든 식별자(변수, 함수, 클래스 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정된다.스코프는 자바스크립트 엔진이 식별자를 검색할 때 사용하

2022년 6월 2일
·
0개의 댓글

Intersection Observer API (무한 스크롤)

Intersection Observer API Intersection Observer API는 타겟 요소와 상위 요소 또는 최상위 document 의 viewport 사이의 intersection 내의 변화를 비동기적으로 관찰하는 방법입니다. 즉, 특정 요소가 화면에

2022년 6월 1일
·
0개의 댓글
post-thumbnail

12장 Function (Deep Dive)

함수는 input을 받아 output을 내보내는 일련의 과정을 정의한다. 프로그래밍 언어의 함수는 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다. 함수를 사용하는 이유 코드의 재사용 함수를 통해 중복을 제거하고 코드를 재

2022년 6월 1일
·
0개의 댓글
post-thumbnail

영화 검색 사이트 만들기

OMDb API 영화 정보를 얻기 위한 웹 API를 활용해서 영화 검색 사이트를 만들었다. fetch, async / await 영화 Database에서 정보를 가져오는데 걸리는 시간이 얼마일지 잘 모른다. 다른 로직이 계속 기다려줄 수 없기 때문에 비동기 처리를

2022년 5월 19일
·
0개의 댓글
post-thumbnail

8장 제어문 (JS Deep Dive)

제어문은 조건에 따라 코드블록을 실행하거나 반복 실행할 때 사용한다. 제어문을 사용하면 코드의 실행 흐름을 인위적으로 제어할 수 있다. 하지만 코드의 실행 순서가 변경된다는 것은 직관적인 코드의 흐름을 혼란스럽게 만든다. 가독성을 해치는 단점이 있다. forEach,

2022년 5월 10일
·
0개의 댓글
post-thumbnail

7장 연산자 (JS Deep Dive)

연산의 대상을 피연산자라 한다. 피연산자는 값으로 평가될 수 있는 표현식이다. 연산자 표현식도 값으로 평가될 수 있는 표현식이다.피연산자값 (명사)연산자피연산자를 연산하여 새로운 값을 만든다 (동사)피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다. 산

2022년 5월 10일
·
0개의 댓글
post-thumbnail

6장 데이터 타입 (JS Deep Dive)

데이터 타입은 값의 종류를 말한다. 자바스크립트(ES6)는 7개의 데이터 타입을 제공한다. 7개의 데이터 타입은 원시타입(Primitive type)과 객체 타입(Object / Reference type)으로 분류한다. 원시 타입 숫자 타입(Number) 문

2022년 5월 8일
·
0개의 댓글
post-thumbnail

Call Stack (Javascript)

콜 스택을 알아보기 전 스택과 큐 자료구조에 대해 알아보자.스택은 출입구가 하나인 데이터 구조이다. 순서대로 a, b, c가 들어갔다면 꺼낼때는 반대로 c, b, a 순서로 꺼낸다.큐는 양쪽이 열려있는 파이프이다. 종류에 따라 양쪽 모두 입/출력이 가능한 큐도 있으나

2022년 5월 7일
·
0개의 댓글
post-thumbnail

5장 표현식과 문 (JS Deep Dive)

값 (Value) 값은 식(표현식)이 평가되어 생성된 결과를 말한다. 메모리에 저장된 값은 데이터 타입에 따라 다르게 해석될 수 있다. 변수 메모리 공간에 저장되는 것은 표현식이 아니라 값이다. 따라서 표현식은 할당 이전에 평가되어 값을 생성한다. 리터럴 (Lite

2022년 5월 2일
·
0개의 댓글
post-thumbnail

4장 변수 (JS Deep Dive)

프로그래밍 언어에서 데이터를 관리하기 위한 핵심 개념이다.자바스크립트 엔진이 자바스크립트 코드를 평가하려면 먼저 리터럴과 연산자의 의미를 알고 있어야 하며 표현식의 의미도 파싱할 수 있어야 한다.예를 들어 연산을 수행하기 위해 먼저 연산자의 좌변과 우변의 값, 즉 피연

2022년 4월 29일
·
0개의 댓글

표준 내장 객체 (Javascript)

String 전역 객체는 문자열(문자의 나열)의 생성자이다. 텍스트 문자열의 길이 찾기, 문자열 합치기 및 쪼개기 등과 같은 내장된 메서드를 사용하여 문자열에서 수행할 수 있는 유용한 작업이 가능하다.문자열의 길이를 나타낸다.하나의 문자열이 다른 문자열에 포함되어 있는

2022년 4월 28일
·
0개의 댓글
post-thumbnail

4월 넷째 주

04/24 토요일 과제.... 클론 코딩을 처음 하기 때문에 공부했던 것을 써먹을 수 있겠구나! 싶은 마음에 당당하게 CJ제일제당 사이트를 골랐다. 그런데 하면서 한 구간 한 구간에 계속 정체가 되고 한 가지 요소를 만드는 데 너무 많은 시간이 들었다. 이러다가는 못

2022년 4월 24일
·
0개의 댓글
post-thumbnail

1장 프로그래밍 (JS Deep Dive)

일종의 커뮤니케이션이다.프로그래밍에 앞서 해결해야 할 문제(요구사항)를 명확히 이해할 필요가 있다.이때 요구되는 것이 문제 해결 능력이다.대부분의 문제는 명확하지 못하다. 그래서 문제(요구사항)를 명확히 이해하는데 도움이 되는 순서가 있다.복잡함을 단순하게 분해한다.자

2022년 4월 20일
·
0개의 댓글

구조 분해 할당 (Javascript)

구조 분해 할당 (Destructuring assignment) 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이다. 개발을 하다 보면 함수에 객체나 배열을 전달해야 하는 경우가 생기곤 한다.

2022년 4월 20일
·
0개의 댓글

function (Javascript)

함수 함수는 작업을 수행하거나 값을 계산하는 문장 집합 같은 자바스크립트 절차이다. 일반함수 일반 함수는 다른 말로 함수 선언식이라고도 할 수 있다. 자바스크립트가 처음 읽힐 당시에 해석되므로, 함수가 쓰여진 위치가 상관없다. 일반 함수는 함수 전체(함수명, 함수바디

2022년 4월 20일
·
0개의 댓글