# typescript
[TypeScript] Classes
Annotating Classes TypeScript의 클래스에서는 미리 선언하지 않은 속성은 사용할 수 없다. 선언한 속성에는 타입 지정을 해주거나, Class feild 문법으로 값을 할당해 타입 추론을 할 수도 있다. public / private TypeS
타입스크립트 간단 정리
자바스크립트와 타입스크립트의 차이, 타입스크립트를 사용하는 이유, 기본 문법을 간단하게 살펴본다. 타입스크립트는 이름 그대로 자바스크립트에 타입을 부여한 언어로, 자바스크립트의 업그레이드 버전이라고 할 수 있다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면
타입스크립트 올인원(Partial, Pick 등 메서드 타입 분석)
Partial? 이런식으로 몇개의 attrubute를 빼고 선언을 할때, Partail 기능을 사용할 수 있다. Partial 기능을 쓰면, 속성들을 전부다 optianal로 만들어준다. 이런식으로 partaial을 직접 선언해주는 것 역시 가능하다.이런식으로 op
[React] typescript를 적용하여 컴포넌트 생성
StyledCircleProps 라는 인터페이스를 정의하여 styled.div에 명시해 주었다.아래와 같이 자동완성이 지원되는걸 확인할 수 있다.CircleProps 인터페이스를 정의하여 Circle props 부분에 명시해 주었다. 세미클론 앞부분에 ?를 붙여주면 o
[React] create-react-app & Typescript
Typescript 를 사용하는 react app 만들기ormy-app 부분에 원하는 폴더의 이름을 넣으면 된다.폴더 이름에는 대문자를 사용할 수 없다이미 존재하는 Create React App 프로젝트에 Typescript 추가하기or그리고 typescript fil
타입스크립트와 자바스크립트의 관계 이해하기
타입스크립트는 문법적으로도 자바스크립트의 상위집합.기존코드를 그대로 유지하면서 일부분에만 타입스크립트 적용이 가능하여 기존에 존재하는 자바스크립트 코드를 타입스크립트로 마이그레이션하는데 엄청난 이점이 존재.타입 시스템의 목표 중 하나는 런타임에 오류를 발생시킬 코드를
[TS] Utility Type을 알아보자!
저번 면접때 유틸리티타입에 관한 질문을 받았었다. 타입스크립트를 이제 막 접했던 나에게는 생소한 타입이었는데 면접관님께서 Utility Type이 실제로 어떤 동작원리를 갖는지 코드 편집기의 레퍼런스를 보며 공부하면 좋을 것 같다는 피드백을 주셔서 이번 기회를 통해 제
typescript에서 enum을 사용하지 말아야 하는 이유
a enum은 서로 연관된 상수들의 집합으로 여러 장점이 있어서 개발 중 자주 이용된다. enum을 사용함으로써 프로그래머는 허용 가능한 값을 제한하고 실수를 방지할 수 있다. Reference https://www.youtube.com/watch?v=0fTdCSH
[TypeScript] unknown 타입
TypeScript 3.0 부터 새로 추가된 타입문자 그대로 알려지지 않은 타입 이다.unknown 타입으로 선언된 변수의 값으로는 모든 타입이 올 수 있다. (any타입과 비슷)그렇다면 unknown 과 any 의 차이점은 무엇일까?unknown에는 메서드를 호출할
[Template Literal Types로 타입 안전하게 코딩하기] 를 읽고
타입스크립트 깃북 에서 리터럴 타입에 대해 배우고 있었습니다. 이 글을 읽고 정리하거나 느낀점을 작성한 글이니, 더욱 자세한 설명은 원본 글에 작성되어 있습니다.원본 글을 먼저 읽어보시는걸 추천드립니다.리터럴이라는거는 그냥 고정된 값이라는걸 얘기하는게 아닌가요?
백오피스 개발일지 [2] - Ant Design Form 활용
Ant Design을 UI 라이브러리로 사용하고 있다면, Form 요소를 유심히 봐야 하는 이유에 대해 설명한다. 백오피스를 개발해야한다면 강력하게 추천.
TypeScript 시작하기
훨씬 안정적이고 에러가 덜 난다. 자바스크립트를 타입스크립트로 바꾸면 안정성이 늘어난다.안정성이 늘어난다는 것은 에러가 줄어들고 책임을 덜 져도 된다. 그러나 타입스크립트는 자바스크립트보다 자유도는 줄어든다.typescript는 최종적으로 javascript로 변환된다
자바스크립트로 달력을 구현해보자 🗓
3일동안 열심히 구현한 달력 ...자세한 과정은 나중에 언젠가 쓸 예정.....일단 코드만 냅다 투척.....! 하 하 !참고 : 본 달력을 사용하는 프로젝트는 리액트 기반 NextJS와 타입스크립트를 사용하고있습니다.참고2 : 본 달력을 구현하기 위해 react-mo
