# typescript

Electron + React + typescript 데스크탑 앱 만들기 (1) 설치 및 설정
회사에서 윈도우프로그램과 웹 소켓으로 통신하는 데스크탑 프로그램을 만드는 프로젝트를 맡게 되었다.(필자는 이 프로젝트를 시작함과 동시에 '오예 벨로그에 쓸거 생겼다' 라는 생각에 들떴다는건 비밀)이에 본인의 기록용 포스팅이라는 베이스를 두고 누군가 필요한 사람을 위해

useRef로 sliding bar 구현하기
Typescript로 햄버거 메뉴 클릭 시 sliding bar를 구현해보았습니다.🗂 Structure전체적인 구조는 생략하고 slidebar 구현에 필요한 파일만 보였습니다.HeaderContainer.tsxSlidebar.tsxuseRef를 사용하여 UList c

02. 타입스크립트 설치, 설정
npm i typescript자바스크립트 컴파일러인 타입스크립트를 설치한 것이다.전역 설치를 하기 위해서는 npm i -g typescript로 설치한다. 작업중인 프로젝트 관련없이 typescript를 설치한다.tsc는 TypeScriptCompiler의 줄임말. t

01. 타입스크립트 기초
출처: 땅콩코딩자바스크립트의 코드를 쉽고 강력하게 도와주는 슈퍼셋(super-set) 버전타입표기변수값에 테이터 타입 지정 가능(코드 예측, 디버깅에 용이)객체지향적클레스(class) 인터페이스(interface) 생성자(constructure) 퍼블릭(public)

[TIL] Typescript
Cominciamo, 새로운 프로젝트가 시작됐다. 캘린더에 아무것도 없는 이틀동안 꿈지럭 대느라 사실 아무것도 첫번째 프로젝트 회고를 썼어야 하는데 못썼다. 이제 기억이 흐려지고 있긴 한데, 주말엔 쓸 수 있을지도 모른다... 기억력아 힘내! 이번 파이널 프로젝트에서
Typescript에서 hook을 사용하여 상태를 관리하기
useState 를 사용하실때 useState<number>() 와 같이 Generics 를 사용하여 해당 상태가 어떤 타입을 가지고 있을지 설정만 해주시면 됩니다.useState를 사용 할 때 Generics 를 사용하지 않아도 알아서 타입을 유추하기 때문에 생
Typescript로 react 컴포넌트 작성하기
typescript를 사용하는것과 pure react를 사용할때, 작성법은 배우 비슷하다. 최상위 컴포넌트 app.tsx와 그 하위 컴포넌트인 greeting.tsx를 사용하여 간단한것을 렌더링 해보자
Typescript 기초(2)
type 은 특정 타입에 별칭을 붙이는 용도로 사용합니다. 이를 사용하여 객체를 위한 타입을 설정할 수도 있고, 배열, 또는 그 어떤 타입이던 별칭을 지어줄 수 있습니다.<a href='https://github.com/Microsoft/TypeScrip

React Typescript | 절대경로 적용하기(feat.React-CRA)
이 글은 typescript의 선행학습과 바벨,웹팩,CRA의 사전 지식이 있으면 도움이 되는 글입니다.리액트를 다뤄본 사람들이라면 상대경로 지옥을 겪어봤을 것이다.위와 같이 패키지 구조가 깊어질 경우 점점 더 import 하기 번거로워 진다.이런 식으로 import 할
Typescript 기초(1)
주의 !!함수에서 만약 아무것도 반환하지 않아야 한다면 이를 반환 타입을 void 로 설정하면 됩니다.public 으로 선언된 값은 클래스 외부에서 조회 할 수 있으며 private으로 선언된 값은 클래스 내부에서만 조회 할 수 있습니다. 따라서 아래 코드에서는 cir