🌐 TypeScript

1️⃣ 기존 JavaScript와 문법이 비슷하다.TypeScript는 바닐라Js와 문법이 꽤 비슷하다. 그렇기 때문에 배우는 데에 오랜 시간이 걸리지 않는다. 다만 브라우저가 직접 TypeScript를 이해하고 쓰는게 아니라 컴파일 후 일반 JS로 변환되어 브라우저에

✅ Interface 란? 인터페이스는 상호 간에 정의한 약속 혹은 규칙을 의미한다. 타입스크립트에서는 아래와 같은 약속들은 정의한다. 객체의 스펙 (속성과 속성의 타입) 함수의 파라미터 함수의 스펙 (파라미터, 반환 타입 등) 배열과 객체를 접근하는 방식 클래스

어느른,, React 와 TypeScript를 사용해서 인증번호 3분 타이머를 구현해보자!MINUTES_IN_MS : 3(몇분) 60(1분) 1000 (1초)INTERVAL : 1초timeLeft : number타입을 가지고 초기값은 MINUTES_IN_MS 으로

변수 안에 값의 타입이 여러개 올 수 있다면 | 연산자를 사용하여 타입을 지정한다.or 연산자 같은 느낌인데 이런 타입을 union type이라고 부른다.위처럼 할당하는 순간 타입은 string 또는 number 중 하나로 변하고 두 타입만 타입으로 지정 가능하다.자바

Narrowing은 타입이 아직 하나로 확정되지 않았을 경우(예를들면 union타입) 사용한다.위 코드같은 경우에서는 num의 타입이 string|number 두개로 지정되어 있어서 <num + 2> 와 같은 연산을 하면 오류가 발생한다.이럴때는 if문등으로 Na

✅ Type 한 변수 안에 여러 타입을 지정해야 하는 경우나 나중에 재사용을 하고 싶은 타입들이 있다면 type 키워드를 사용해 타입을 지정해준다. ✍️ object를 타입변수로 지정하여 사용 가능하다 에구 디러

함수를 타입으로 지정할때는 반드시 화살표함수를 사용해야 하고, 함수 표현식에서만 사용 가능하다.함수선언식함수표현식함수 표현식은 변수를 사용해서 함수를 선언한다.object 자료 안에 함수 타입 지정하고 싶다면 type을 선언해주고 안에 인자와 return 값의 타입을

이번 모각코꾸멍 프로젝트에서는 통신시에 axios 를 사용하기로 했다. 여기서 문제는? 난 axios 안 써 봤다.. ㅎㅎ 기업협업 나가서 써보긴했는데 대표님이 따로 만들어두신 함수 사용했고 두번..? 해봐서 안해본거나 마찬가지.. 😅어쩌다가 내가 useAxios 만

Swiper 라이브러리 홈페이지 : https://swiperjs.com/demos ✅ 설치하기 https://www.npmjs.com/package/swiper Swiper는 npm에서 패키지로 제공하기 때문에 아래 명령어로 설치 가능하다. > $

타입스크립트에서 decalre function은 주로 외부 라이브러리나 모듈의 타입정보를 정의할 때 사용되는 키워드이다.타입스크립트에서 라이브러리나 모듈의 타입 정보를 직접 작성하기 여러운 경우 decalre를 사용해 타입 정보를 제공할 수 있다.타입스크립트에서는 외부