# 타입스크립트

36개의 포스트
post-thumbnail

플러그인, 완성도를 높이다

지난 포스팅에서 `rollup.js` 를 이용해 두 개의 자바스크립트 파일을 하나로 묶고, `rollup.config.js` 파일을 구성해서 CLI가 아닌 스크립트로 설정 파일을 관리하는 것 까지 진행했습니다. 이번 시간에는 `rollup` 에 날개를 달아줄 플러그

2020년 9월 22일
·
0개의 댓글
post-thumbnail

[우아한 테크러닝] React&TypeScript 4회차(1) - React 함수 컴포넌트 상태와 컴포넌트 분리

좋은 코드를 만드는 방법은 쪼개는 것이다.코드를 쪼개 단위 단위의 컴포넌트로 만들면 가시성이 좋아진다.가장 기본적인 형태의 React 애플리케이션이다.index.jsApp.jsul > li 태그를 배열로 만들어 store이라는 변수에 담아 App.js에 전달한다.App

2020년 9월 12일
·
0개의 댓글
post-thumbnail

[우아한 테크러닝] React&TypeScript 3회차 - React 만들어보기

list라는 이름으로 만든 배열을 자바스크립트로 화면에 그리는 과정을 코드로 작성했다.위의 코드는 innerHTML을 이용하여 Element를 생성하여 직접 넣어주고 있다.이를 '순수 함수'로 변경해보자.( 순수함수 : 동일한 인자를 넣었을 때 항상 동일한 리턴값을 반

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

[우아한 테크러닝] React&TypeScript 2회차(3) - 자바스크립트 함수 관련 용어

함수를 호출하는 방법 중 (), call(), apply()에 대해 배워보았다.call()과 apply()의 첫 번째 매개변수는 this가 가리킬 요소를 삽입한다.this는 기본적으로 window 객체를 가리키기 때문에 이를 변경하기 위해 사용된다. 위의 예제에서 ca

2020년 9월 5일
·
0개의 댓글
post-thumbnail

[우아한 테크러닝] React&TypeScript 2회차(2) - 자바스크립트의 생성자 함수 그리고 ES6 화살표 함수

생성자 함수?여러개의 동일한 속성을 가지는 객체 생성이 가능한 함수생성자 함수와 new 연산자로 만들어진 객체를 인스턴스(instance)라고 한다.예제에서 this.name = name은 생성자고 user은 인스턴스이다.생성자 함수에는 두 가지 규칙이 있다.함수 이름

2020년 9월 5일
·
0개의 댓글
post-thumbnail

[우아한 테크러닝] React&TypeScript 2회차(1) - 자바스크립트의 '식'과 '문' 그리고 함수

자바스크립트 언어의 양대 구성요소는 '식'과 '문'이다.어떤 코드가 '값'으로 마무리되면 '식'이고 그 외는 모두 '문'이다.'식'과 '문'을 구별하는 방법은 세미콜론(;)도 있다.'식'위의 예제처럼 '값'으로 마무리되는 구문, 즉 '식'에는 세미콜론(;)을 붙인다.m

2020년 9월 5일
·
0개의 댓글
post-thumbnail

[우아한 테크러닝] React&TypeScript 1회차 - 자바스크립트와 타입스크립트

코드품질, 아키텍처, 적정기술( Tip ) 면접질문 준비 : 해당 기술을 선택한 이유는 무엇인가요?도구 사용법을 익히자 \- 상태, 환경, 제품, 목표, 코드, 상대적 타입스크립트 플레이그라운드 : https://www.typescriptlang.org/코

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

읽은 글 : TypeScript 4.0 릴리즈 노트

Announcing TypeScript 4.0TypeScript 4.0 릴리즈 노트제네릭에 사용하는 튜플에 전개 연산자 (spread operator, ...) 를 사용할 수 있게 되었다!전개 연산자의 위치가 꼭 마지막이 아니어도 된다.&&, ||, ?? 도 할당 연산

2020년 8월 28일
·
0개의 댓글
post-thumbnail

URL 씹고 뜯고 맛보고 즐기기

자바스크립트에서 URL을 다루는 것은 쉽게 접할 수 있습니다. 특히 브라우저와 같은 클라이언트 영역에서는 필수적으로 다루는데요, 이러한 URL 구성요소들을 다루는 것을 외부 API 없이 (레거시 환경에서 폴리필이 필요 할 수도 있습니다) 자유롭게 씹고 뜯고 잘 다루는

2020년 8월 25일
·
1개의 댓글
post-thumbnail

늦기전에 20대부터 TS 1탄

20대부터 늦게전에 TS! 🏃‍♀️🏃‍♀️🏃‍♀️ 올해 겨울쯤 삼성역에서 발견했던 이 광고.. 웃겨서 찍고 나니 벌써 20대의 끝자락이 절반이나 지나가버렸고.. 그래서 공부해본다 티에스 ㅠㅠ

2020년 8월 15일
·
2개의 댓글
post-thumbnail

리엑트에서 타입스크립트 적용하기

타입스크립트는 javascript의 수퍼셋으로 언어이다.리엑트뿐아니라 javascript를 사용하는 곳에서 타입지정을 하여 사용하는 언어이다.타입스크립트 전체는 공식문서를 참조하고,나는 타입스크립트와 리엑트(라이브러리)에서 사용하는 법을 다룬다.위와같이 변수선언을 하며

2020년 7월 24일
·
0개의 댓글

TypeScript (타입스크립트)

TypeScript(수정중)

2020년 7월 18일
·
0개의 댓글
post-thumbnail

타입스크립트 기초 문법 ✍️

프로젝트 내에 설치한 typescript 패키지를 사용하여 컴파일 하고 싶을 땐 다음과 같은 작업을 따라주어야 한다.typescript를 로컬 패키지로 설치하기다음에는 package.json 파일을 열어서 다음과 같이 build 스크립트를 만들고추후 빌드를 할 때 ya

2020년 6월 25일
·
0개의 댓글
post-thumbnail

리액트 설치 오류 해결

타입스크립트를 활용한 리액트 프로젝트를 생성하기 위해 아래와 같은 코드로 프로젝트를 생성했다 실행결과 public, src 폴더 등 디폴트 값들이 빠진 상태로 프로젝트가 생성되었다. 이전에 일반 리액트 프로젝트를 생성할때도 동일한 문제가 있던것이 생각나 검색해보니 cr

2020년 6월 23일
·
0개의 댓글
post-thumbnail

오분만에 타입스크립트 정복

사실 필자도 자바스크립트를 잘 모른다. 다만 뭐지는 안다... 그리고 써봤다... 그렇지만 자바스크립트를 정말 모른다면 타입스크립트를 할 의미가 없다고 생각한다...우선 타입스크립트는 자바스크립트의 superset이다. Superset이란? A >= B 일때, A는 B

2020년 6월 19일
·
0개의 댓글
post-thumbnail

정말! 딱! 필요한 깔끔한 react + typescript + ESLint + Prettier + Husky + lint-staged + polyfill 세팅

본 세팅은 2020-06-13 기준입니다. react (CRA3) + typescript + ESLint + Prettier + Husky + lint-staged + polyfill 세팅)

2020년 6월 13일
·
0개의 댓글

[TIL] Clean Architecture & Design Pattern(1)

System Architecture는 시스템의 구조(structure), 행위(behavior), 뷰(views)를 정의하는 개념 모델입니다. 시스템의 목적을 달성하기 위해 각 컴포넌트가 상호작용 하는 것으로, 정보가 교환 되는 것을 설명합니다.다양한 System Ar

2020년 5월 31일
·
0개의 댓글

옵셔널 체이닝과 await은 같습니다

두 기능이 같은 이유는 무엇일까요? 공통된 추상화를 찾아봅시다

2020년 5월 18일
·
0개의 댓글
post-thumbnail

TypeScript - tutorial

Setting tsconfig.json target: 컴파일된 코드가 어떤 환경에서 실행될 지 정의합니다. 예를들어서 화살표 함수를 사용하고 target 을 es5 로 한다면 일반 function 키워드를 사용하는 함수로 변환을 해줍니다. 하지만 이를 es6 로 설

2020년 5월 2일
·
0개의 댓글

CRA에서 typescript 적용하기

CRA 타입스크립트 적용

2020년 4월 8일
·
0개의 댓글