프론트엔드 개발자 신상오
article thumbnail
[TypeScript] TS class 사용하기
TypeScript 2022. 11. 1. 00:59

TS에서 class 접근제한자 public > protected > private 순으로 많은 접근을 허용한다 TS에서 class 사용법 class Person { constructor ( private firstName: string, private secondName: string, public nickname: string ) {} } let so = new Person("so" , " shin", "newo") 위 TS 코드를 JS로 변환 "use strict"; class Person { constructor(firstName, secondName, nickname) { this.firstName = firstName; this.secondName = secondName; this.nicknam..

article thumbnail
[TypeScript] 함수 타입 작성
TypeScript 2022. 10. 23. 16:52

💻 들어가며 앞선 포스팅에서 일반 자료형에 대한 타입 설정방법을 작성했다면 이번에는 함수는 타입스크립트에서 어떻게 작성되는지에 대한 내용을 복습하면서 포스팅해보고자한다. 타입스크립트 연습 웹 사이트 TS Playground - An online editor for exploring TypeScript and JavaScript The Playground lets you write TypeScript or JavaScript online in a safe and sharable way. www.typescriptlang.org 📚 TypeScript에서 함수 📗 Call Signatures 함수가 어떻게 호출되는지 알려주는 기능 (매개변수, 리턴값의 타입을 알려줌) ❌ 타입이 nubmer인 return 값..

article thumbnail
[TypeScript] 타입스크립트를 배우는 이유 (+ 타입 설정방법)
TypeScript 2022. 10. 22. 15:12

💻 들어가며 타입스크립트 학습 이유 나의 첫 프로그래밍 언어는 대학에서 컴퓨터언어 강의에서 배운 c언어다. 그리고 42서울 라피신에서 c로 과제를 진행했었어서 정적타입 언어에 익숙한 상태였다. 그러다보니 타입을 지정해주지 않아도 되는 자바스크립트는 편리하게 느껴지면서도 한편으로는 이렇게 자동으로 타입이 지정되도 괜찮을까 걱정이되기도했다. 그러던와중에 프로젝트에서 필터 기능과 원티드 과제의 로그인 컴포넌트에서 api함수를 호출할 때 인자의 타입에서 에러가 나와 수정을 한 경험이 있었던 이후로 실행한 후 에러를 뱉는게 아니라 잘못된 코드를 작성했을때 진작에 에러로 알려줬다면 쉽게 수정할 수 있었을 것 같다는 생각이 들었고 타입 지정의 필요성을 느꼈다. 그리고 수풀 프로젝트에 리팩토링에 사용할 겸 앞으로 사이..