타입스크립트
-
LocalStorage + Typescript :: 마이구미Typescript 2021. 10. 30. 21:17
이 글은 로컬 스토리지(LocalStorage) 를 타입스크립트 함께 사용하는 방식을 다룬다. 로컬스토리지는 HTML5 에서 제공된 기능으로 브라우저에서 지원하고 있는 저장소이다. 타입스크립트를 활용하여 로컬스토리지를 사용하면서 런타임에 발생할 수 있는 이슈들을 개선해본다. 로컬 스토리지 - https://developer.mozilla.org/ko/docs/Web/API/Window/localStorage 로컬 스토리지는 브라우저에서 제공해주는 key-value 저장소로써, 많은 경우에서 유용하게 사용중이다. 자체적으로 제공해주는 메소드로 '저장', '삭제', '조회', '초기화' 를 쉽게 작성할 수 있다. // Key - "accessToken" | Value - "eyJraWQiOiJVQ2JINXN..
-
타입스크립트 몰랐던 것 (1) :: 마이구미책 리뷰 2021. 10. 4. 18:26
이 글은 타입스크립트 예제 중심으로 다뤄지고 동작 이해를 위해 정리한 글이다. 타입스크립트가 무엇인지? 왜 사용하는지? 에 대한 글은 아니다. "이펙티브 타입스크립트" 를 통해 알게되었거나 스스로 조금 더 다듬어놓기 위한 것들이다. 이펙티브 타입스크립트 - http://www.yes24.com/Product/Goods/102124327 타입스크립트를 사용한 시점부터 깊게 공부하지 않고 기본적인 개념만 가지고 사용했다. 그 이유는 단순 타입 시스템 목적으로 그때그때 습득하면서 사용해도 크게 문제될 것이 없다고 판단했다. 그 과정중 느꼈던 건, 다른 라이브러리들의 코드 분석이 필요할 때, 생각한대로 타입 선언과 추정이 되지 않을 때 조금 난감했다. 그럴 경우에는 any 를 쓰거나 특정 부분은 타입스크립트를 ..
-
덕 타이핑(Duck typing) 이란? :: 마이구미Typescript 2020. 2. 23. 19:37
이 글은 덕 타이핑에 대해 다룬다. 타입스크립트를 통해 다루지만, 덕 타이핑에 관련된 용어는 어느 언어라도 같은 맥락을 가진다. 참고한 글에는 정말 많은 레퍼런스가 있다. 모두 읽어보면 좋은 글이라 생각한다. 참고 링크 - https://devopedia.org/duck-typing 알아보기전에, 이해에 도움을 주는 개념들을 알아본다. 자바스크립트는 타입에 대해 유연한 동적 타입 언어라고 알고 있다. 그래서 JAVA 와는 다르게 타입에 대해서는 명시적으로 선언없이 자유자재로 사용하고 있다. // JAVA String name = "mygumi"; // Javascript const name = "mygumi"; 우리는 자바를 정적 타입 언어, 자바스크립트를 동적 타입 언어라고 분류할 수 있다. 정적은 컴..