열거형은 이름이 있는 상수들의 집합을 정의할 수 있다. 무슨 소리인지 아래 읽다보면 알 것이다. 기본적으로 TS는 숫자와 문자열 기반 열거형을 제공한다.이렇게 Up=1로 초기화하면 Down=2, Left=3, Right=4의 값을 가진다. 아래처럼 초기화하지 않아도 된

Linked List 자료구조는 각 데이터가 데이터 그 자체 외에도 이전 혹은 다음 데이터를 가르키는 정보를 갖고 있는 구조이다. Linked List : 각 데이터가 (데이터 + 다음 데이터의 포인터)로 이뤄져있고, 한 방향으로만 탐색 가능하다. Doubly Li

리스트형 자료구조는 연속적인 저장의 형태를 가지며, 두 가지가 있다.배열 : 크기가 변하지 않는 리스트형 자료구조, 중간의 값을 지워도 빈칸을 유지한다.리스트 : 크기각 변하는 자료구조, 중간의 값을 지우면 뒤의 것이 그 자리를 채우려고 앞으로 이동한다.그럼 자바스크립

자료구조(data structure)는 다뤄야하는 데이터가 많은 경우 이를 다루는 방법으로, 알고리즘을 구현하는데 사용한다. 자료구조를 물리적으로 구현하는 방법은 리스트와 연결리스트 두 가지 방법이 있다.List : 각 데이터를 연속적으로 저장하는 기술Linked Li

제네릭은 타입을 불문하고 동작하는 것을 말한다. 즉, 함수에 인수를 넘길 때 타입 인수도 넘기기 때문에 타입에 관한 어떠한 정보도 잃지 않는다. any를 쓰는 것과는 다르다. any를 쓰게 되면 만약 number타입을 넘기더라도 any타입이 반환된다는 정보만 얻을 뿐이

지금까지 배웠던 함수의 타입을 표현하는 방식은 다음과 같았다.다음과 같이 반환타입 전에 =>을 사용하는 표기법도 있다. 타입을 좀 더 명확하게 선언할 수 있다.위의 예제로 설명하면 방정식의 한 쪽에만 타입을 선언해도 TS 컴파일러가 알아서 타입을 추론할 것이다. 이를

기존 JS에서는 재사용 컴포넌트를 만들기 위해 함수, 프로토타입-기반 상속을 사용했어. 객체 지향방식에 익숙한 개발자는 굉장히 어색했을거야. 그러다, ES6부터 객체 지향의 클래스 기반 상속을 지원했기 때문에 TS에서는 이러한 기법들을 사용할 수가 있어.클래스의 기본적

TypeScript의 핵심 원칙 중 하나는 타입 검사가 값의 형태에 초점을 맞추고 있다는 거야. 이를 "duck typing" 또는 "structural subtyping" 이라고 해. 간단한 예시를 한번 보여줄게.실제로는 label 프로퍼티말고 다른 프로퍼티도 가지고

16진수, 10진수, 2진수, 8진수까지 지원한다.TypeScript에서도 템플릿 문자열을 지원한다.배열 타입은 두 가지 방법으로 쓸 수 있다.<1><2> 제네릭 배열 타입 Array<eleType>튜플 타입은 요소의 타입과 개수가 고정된 배열을 말한다

1. Principle of Constructor Function (생성자 함수) Let's look at a example below. When Person() is called as a constructor function, before executing fun

In javascript, Class method isn't binded to class. So we have to bind class method by using bind() method. Like below.When we call "callback function"

내용 React component can be divided to many pieces and we can look into them individually. It is similiar to javascript function. It receive input call

We have to define class component not function component to use "state" and "lifecycle method."Here's a example.To understand this code, we need look

이 안에 들어가는 모든 엘리먼트는 React DOM에서 관리하기 때문에 이것을 루트 DOM 노드라고 한다.So, we can use ReactDOM.render() to transfer reactDOM TO root DOM node.The only thing we ca

Array.prototype의 메소드로서 주로 배열과 함께 사용된다.배열 각각의 요소에 대해 주어진 함수를 호출하여 얻은 결과를 새로운 배열로 반환한다.간단한 예시를 살펴보자.arrary1 배열은 1, 4, 9, 16 네가지 요소를 가진 배열이다. array1.map

component, jsx란? component 사용법 es6 props.fav = { fav } javascript map() method, object redering

오늘은 두번째 snippet 아코디언을 만들어보자!!탭1, 탭2, 탭3를 각각 <button> 태그로 표현하고 클릭했을 때 나타나는 텍스트 박스를 <div>로 표현하자.여기서 눈 여겨봐야할 것은 .active 클래스 명을 할당했다는 점이다. 추후에 javas

ReactJS에서 HTML 요소들을 어떻게 렌더링하는지에 대해 알아보자.

프런트엔드 개발자라면 반드시 익혀야하는 기술인게 요즘 프런트엔드 개발자 채용공고를 보면 리.액.트가 없는 곳이 없을 정도로 핫한 기술이라고 생각한다.또한 vue, angular를 모르지만 react는 javascript로 이루어진 라이브러리로서 리액트를 공부하면 자연스