클래스생성자 함수를 통해 초기화가 되는 프로퍼티의 경우, 초기화되기 전에 프로퍼티 정의가 꼭 필요하다.생성자 함수를 통해 초기화되는 프로퍼티의 경우 매개변수를 통해 선언하는 방법이다. 대신 프로퍼티 앞에 접근 제한자나 readonly 를 표기해야만 한다.접근 제한자pu

타입스크립트의 기본 타입numberbooleanstringobjectnever type절대 반환을 하지 않는 함수union type하나의 변수에 지정할 수 있는 타입이 여러 개일 때, 유니온 타입을 사용arraytuple배열은 요소의 개수에 제한이 없고, 특정 타입으로

ex. b가 a의 값을 바라보고 있고, a가 null이 될 수 있을 때.위의 코드에서 layout이 FillLayout이면서 paint 속성이 LinePaint일 수는 없다. 따라서 아래와 같이 수정하는 것이 좋다.타입 선언에서 어설프게 완벽을 추구하려다가 오히려 역효

타입 설계 실제 예시는 책을 읽어보자.함수의 매개변수는 타입의 범위가 넓어도 되지만, 결과를 반환할 때는 일반적으로 타입의 범위가 더 구체적이어야 한다.타입이 명확하지 않은 경우는 변수명에 단위 정보를 포함하는 것을 고려하는 게 좋다. (timsMs, temperatu

타입스크립트는 타입을 추론할 때 단순히 값만 고려하는 게 아니라 값이 존재하는 곳의 문맥도 사용한다.튜플, 객체타입 흐름을 개선하고, 가독성을 높이고, 명시적인 타입 구문의 필요성을 줄이기 위해 직접 구현하기보다는 내장된 함수형 기법과 로대시 같은 유틸리티 라이브러리를

타입 좁히기는 타입스크립트가 넓은 타입으로부터 좁은 타입으로 진행하는 과정을 말한다.instanceof, Array.isArray, 태그된 유니온 패턴, 사용자 정의 타입 가드위의 loc을 별칭이라고 한다. 별칭의 값을 변경하면 원래 속성값에서도 변경된다.

혼란을 막기 위해 타입이 다른 값을 다룰 때에는 변수를 재사용하지 않도록 한다.

readonly number\[]배열의 요소를 읽을 수 있지만, 쓸 수는 없다.length를 읽을 수 있지만, 바꿀 수는 없다(배열을 변경함).배열을 변경하는 pop을 비롯한 다른 메서드를 호출할 수 없다.readonly를 사용하면타입스크립트는 매개변수가 함수 내에서

타입스크립트에서 명명된 타입을 정의하는 방법으 ㄴ두 가지가 있다.

이 집합은 유한하거나 무한하다.두 타입은 서로 서브타입이 아니면서도 겹쳐질 수 있다.A와 B의 인터섹션은 A의 범위와 B의 범위의 인터섹션이다. 객체 타입에서는 A & B인 값이 A와 B의 속성을 모두 가짐을 의미한다.타입스크립트 용어와 집합 용어 비교타입스크립트 플레

모든 자바스크립트는 타입스크립트 프로그램이다. 반대로 타입스크립트는 별도의 문법을 가지고 있기 때문에 유효한 자바스크립트 프로그램은 아니다.자바스크립트에서는 런타임에서나 찾을 수 있는 문제를 타입스크립트는 코드를 작성하거나 컴파일 단계에서 찾아낸다. 하지만 모든 문제를

상태 관리를 알기전에 상태를 어떻게 정의하고 있는 지 알아야 한다. 상태는 쉽게 말하면 데이터라고 말할 수 있다. 객체지향 프로그래밍에서는 기본 단위가 객체이고, 프론트엔드에서는 비슷한 개념으로 컴포넌트라는 용어를 사용하고 있다. 객체가 인스턴스 변수로 상태를 가지고

쿠키는 브라우저에 저장되는 작은 크기의 문자열이다. 쿠키는 주로 웹 서버에 의해 만들어지는데, 서버가 HTTP 응답 헤더의 Set-Cookie에 내용을 넣어 전달하면 브라우저는 이 내용을 자체적으로 브라우저에 저장하는데 이걸 쿠키라한다. 브라우저는 사용자가 쿠키를 생성

HTTP(Hyper Text Transfer Protocol)로 서버 / 클라이언트 모델을 따라 데이터를 주고 받기 위한 프로토콜이다.HTTP는 어플리케이션 레벨의 프로토콜로 TCP/IP 위에서 동작한다. HTTP는 상태를 가지고 있지 않은 Stateless 프로토콜이

가장 먼저 서버로부터 HTML,CSS를 다운로드 받는다. 그리고 HTML,CSS 파일을 연산과 관리가 유리하도록 Object Model로 만들어준다. HTML과 CSS 파일들은 각각 DOM Tree와 CSSOM으로 만들어진다.DOM Tree와 CSSOM Tree가 만들

table 태그는 시간표, 달력같은 데이터를 구현할 때도 사용되며 통계자료를 출력할 때 사용한다.table 태그는 tr, td 태그로 구성되어 있다. tr 태그는 새로운 줄을 생성하고, td 태그는 새로운 칸을 생성한다.가로 셀을 합칠 땐 colspan세로 셀을 합칠

HTML5가 나오기 전에는 div,span 태그가 공간 태그로 많이 사용되었다. 이는 공간 태그의 layout을 구성하는 데 사용된다. HTML의 태그는 inline 형식과 block 형식으로 구분한다. inline 형식은 자기 자신의 내용만큼만 크기를 설정하고, b

새 창으로 열어서 해당 페이지로 이동하려면 \_blank 를, 현재 창에서 해당 페이지로 바로 이동하려면 \_self 를 사용한다ul 태그와 ol 태그는 리스트 앞에 번호가 붙는지 붙지 않는지에 따라 구분한다. ul 태그를 사용하면 번호가 붙지 않고, ol 태그를 사용

RESTful API라는 단어에서 사용되는 REST(REpresentational State Transfer)의 개념을 한 줄로 정의하면 아래와 같다.REST란 어떤 자원에 대해 CRUD 연산을 수행하기 위해 URI로 요청을 보내는 것으로 GET,POST,DELETE,

ajax 요청을 보내게 될 사이트가 현재 접속 사이트와 다르면 요청이 실패할 수 있다. 도메인이나 서브도메인, 프로토콜, 포트가 다른 곳에 요청을 보내는 것을 Cross-Origin-Request라고 한다. 크로스 오리진 요청을 보내려면 리모트 오리진에서 전송받은 특별