profile
frontend-react

이펙티브 타입스크립트(8)

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

2021년 11월 18일
·
0개의 댓글
·

이펙티브 타입스크립트(7)

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

2021년 11월 8일
·
0개의 댓글
·

이펙티브 타입스크립트(6)

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

2021년 11월 8일
·
0개의 댓글
·

이펙티브 타입스크립트(5)

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

2021년 11월 7일
·
0개의 댓글
·

이펙티브 타입스크립트(5)

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

2021년 11월 6일
·
0개의 댓글
·

이펙티브 타입스크립트(4)

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

2021년 11월 6일
·
0개의 댓글
·

이펙티브 타입스크립트(3)

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

2021년 11월 5일
·
0개의 댓글
·

이펙티브 타입스크립트 (2)

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

2021년 11월 4일
·
0개의 댓글
·

이펙티브 타입스크립트 (1)

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

2021년 11월 3일
·
0개의 댓글
·

Web 상태 관리

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

2021년 9월 4일
·
0개의 댓글
·

브라우저 저장소

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

2021년 9월 3일
·
0개의 댓글
·
post-thumbnail

HTTP와 HTTPS

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

2021년 9월 2일
·
0개의 댓글
·
post-thumbnail

브라우저 렌더링

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

2021년 9월 2일
·
0개의 댓글
·

Table 태그

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

2021년 9월 1일
·
0개의 댓글
·

공간, video, audio 태그

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

2021년 9월 1일
·
0개의 댓글
·

a, list, form tag

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

2021년 9월 1일
·
0개의 댓글
·

REST API란?

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

2021년 9월 1일
·
0개의 댓글
·
post-thumbnail

CORS

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

2021년 9월 1일
·
0개의 댓글
·
post-thumbnail

javascript 비동기 프로그래밍

자바스크립트는 단일 쓰레드에서 동작한다. 즉, 자바스크립트는 한 번에 한 가지 일만 할 수 있다. 싱글 쓰레드만으로 멀티 쓰레드와 같은 프로그램을 만들기 위해서 하는 작업이 비동기적 프로그래밍이다. 사용자 입력 외에 비동기적 프로그래밍을 사용해야 하는 경우는 크게 세

2021년 8월 31일
·
0개의 댓글
·
post-thumbnail

이벤트

이벤트는 무언가가 일어났다는 신호이다. 모든 DOM 노드는 이런 신호를 만들어 낸다.캡처링 단계 - 이벤트가 하위 요소로 전파되는 단계타깃 단계 - 이벤트가 실제 타깃 요소에 전달되는 단계버블링 단계 - 이벤트가 상위 요소로 전파되는 단계\[출처:https:/

2021년 8월 30일
·
0개의 댓글
·