타입스크립트에서 타입을 명시할 때 void 를 받을 때도 있고 any 를 받을 때도 있는데둘 차이를 정확하게 정리하고 싶어서 포스팅 적는담.. 📌 먼저 Promise 에 대해서 복습해보자. https://khw063011.tistory.com/43 [JS] 자바스크립트 비동기처리(2) - async / await 이해하기[JS] 자바스크립트 비동기처리란? (1)자바스크립트를 다루면 무조건 보게 되는 비동기처리!잊지 말자는 뜻에서 포스팅한다... 📌  비동기(Asynchronous) 란?  쉽게 얘기하자면,동기는 차근차근 처khw063011.tistory.com Promise는 비동기작업이 끝난후의 반환값, 즉 결과값을 명시하는 것이었다. 따라서 나 는 반환타입을 명시할 때 사용하는 방식으로 볼 수..

1. 생각해보기 ! ..우리 만약 사전에 정하지 않은 타입의 파라미터를 받아와서 객체로 감싸주는 함수를 작성해보자.만약 제네릭을 사용하지 않으면... any 타입을 사용할수도 있긴하다. function wrap(value:any) { return (value);}const result = wrap("Hello World!"); 이렇게 하면 srap 함수에 어떤 값이든 인자로 넣어줄 수 있지만 문제는 result 에서 타입 추론이 어렵다는 점이 있다.왜냐하면.. value 파라미터의 타입이 any 이기 때문에 result.value 의 타입 또한 any 로 지정되어 이 값이 문자열이라는 것을 추론할 수가 없다. ㅠㅠ그렇다면 .. any 처럼 무엇이든 넣어줄수는 있긴하되 ! 타입추론이 가능하도록 만들고 싶다..

1. this 란 ?클래스 내부에서 현재 객체를 참조하는 데 사용쉽게 말해, 클래스 안에서 this를 사용하면 그 클래스의 인스턴스를 가리킨다.this 는 클래스의 속성이나 메서드에 접근할 때 사용된다.클래스 내부에서 메서드를 호출하거나 속성에 접근할 때, this 를 사용하여 해당 객체의 속성이나 메서드를 참조할 수 있다.class Person { name: string; age: number; constructor(name: string, age: number) { this.name = name; // 'this.name'은 이 클래스의 'name' 속성을 참조함 this.age = age; // 'this.age'은 이 클래스의 'age' 속성을 참조함 } greet() { ..

1. 클래스(Class) 란?객체의 구조와 동작을 정의하는 청사진(템플릿) 역할을 한다.클래스는 자바스크립트와 마찬가지로 동일한 모양의 객체를 더 쉽게 생성하도록 도와주는 문법이다.TypeScript의 클래스는 자바스크립트의 클래스 문법을 기반으로 하며, 추가적인 타입 검사와 더 강력한 기능을 제공한다! 클래스는 필드(속성), 생성자(constructor), 메서드(함수) 등을 가질 수 있으며, 이를 통해 객체의 상태와 행동을 정의한다.  📌 주의할점!타입스크립트의 클래스는 필드를 선언할 때 타입 주석으로 타입을 함께 정의해주어야한다.그렇지 않으면 함수 매개변수와 동일하게 암시적 any 타입으로 추론이 되는데 만약..엄격한 타입검사모드 일 때에는 오류가 발생할 수 있다.또한 추가로 생성자에서 각 필드의..

😀 1. 인터페이스란 ? 타입스크립트에서 객체의 구조나 클래스를 위한 타입을 지정할 때 사용하는 것이다.인터페이스는 객체가 가져야 할 속성과 그 속성들의 타입을 명확하게 지정하며,객체나 클래스가 일정한 구조를 따르도록 강제할 수 있다. interface Person { name: hihilong; age: number; isStudent: boolean;}const person: Person = { name: "hihilong", age: 25, isStudent: true,};   📌 이 부분 한번 보자 !const person: Person = { name: "hihilong", age: 25, isStudent: true,};여기서 person: Person 이 표현은 TypeS..

1. 타입스크립트 환경으로 프로젝트 생성하기 react-native CLI 에서 0.71 이상 버전부터는 기본적으로 타입스크립트 환경으로 프로젝트를 생성한다.npx react-natie-init LearnTypeScript   2. 타입 이해하기타입스크립트에서 변수를 선언할 때 해당 변수의 타입을 지정할 수 있다.타입을 지정할 때에는 변수 이름 뒤애 : 타입 형태로 지정할 수 있다.  2-1. number 타입 숫자를 의미하는 모든 값을 포함하는 타입 단순 정수 뿐만 아니라 소수, 음수, Infinity, NaN 등의 특수한 숫자들도 포함임! // numberlet num1: number = 123;let num2: number = -123;let num3: number = 0.123;let num4: ..

1. 타입스크립트란? 쉽게 말해 타입스크립트는 자바스크립트에 타입을 부여한 언어이다.   2. 타입스크립트를 써야 하는 이유? 그렇다면 왜 굳이 자바스크립트를 두고 타입스크립트를 써야할까? 제일 중요한 것만 말하면 자바스크립트는 동적타입 언어이기 때문에정적타입을 지원하는 타입스크립트를 사용해야한다.  동적타입언어란 ?런타임시 변수의 타입이 결정되는 언어이다.따라서 동적타입 언어는 코드를 실행할 때 "알아서" 변수 타입을 판단해준다. 실행시에 작성자가 직접 결정하여 작성하기 때문에 특정 변수를 선언했을 때 다른 타입으로도 대입할 수 있다. 예를들어 숫자로 선언한 값에 문자열, 배열, 객체 타입의 값을 대입해도 문제가 발생하지 않는다.그렇다면 정적타입 언어란?컴파일시 변수의 타입이 결정되는 언어이다. 이들 ..