일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 수제비
- Redux
- 웹개발자
- spring boot
- JavaScript
- 정보처리기사
- TS
- 큐넷
- 백엔드
- spring
- TypeScript
- security
- 리액트
- 자바스크립트
- Node.js
- Authentication
- 백엔드개발자
- frontend
- useState
- JWT
- 타입스크립트
- React
- VUE
- 프론트엔드
- 정보처리기사 실기
- 스프링부트
- It
- Front-End
- spring boot security
- JS
- Today
- Total
목록TypeScript (9)
솔적솔적
터미널을 새로 오픈하여 | 기존리액트 + 타입스크립트 추가 설치 명령어 npm install --save typescript @types/node @types/react @types/react-dom @types/jest | 리액트 + 타입스크립트 설치 명령어 npx create-react-app 프로젝트작명 --template typescript 한 뒤 .js file을 → .ts file로 바꿔서 사용합니다. | 타입관련 버그 예방 타입지정 - JSX 타입지정 let 박스 :JSX.Element = let 버튼 :JSX.Element = - button 등 기본 태그들 간단하게 타입지정할 때 기본 태그들은 JSX.IntrinsicElements라는 이름의 타입으로 사용 let 박스 :JSX.Intri..
코드를 짤 때 애매한 타입은 단번에 에러 잡아내주시는 이 타입스크립트에는 Narrowing 과 Never 타입이 있는데, Narrowing은 애매한 타입에서 Narrowing : "조건문으로 하나만 타입지정해" 여기 이거, typeOf 써. 라고했지만 typeOf연산자로는 할 수 없는 상황들이 있다. 그럴 땐 어떻게 해야할까? | typeOf 연산자말고 && 아까말한 애매한 상황이라는 것은 null | undefined 로 타입을 체크하는 경우이다. 이럴 때 &&를 사용한다면 function 함수(x :string | undefined){ // 만약 x가 undefined면 이렇게 실행하라 // 만약 x가 null이면 이렇게 실행하라 //if문을 2개 써야하는데 //이런 방법도 있다. &&를 사용해서 여..
안녕하세요, 오늘은 rest parameter / destructuring에 대한 간단한 개념설명과 타입스크립트에서 타입지정하는 방법을 알아보려함다 rest parameter 간단 개념, 타입지정 destructuring 간단 개념, 타입지정 | rest parameter란? 함수를 쓸 때 함수 (1,2,3,4,.... ) -> 몇개의 파라미터가 올지 모르는 경우가 있을 때 몇개의 파라미터가 들어올지 모를때파라미터를 무한히 지정하는 것이아니라 ...a 이런 식으로 지정하는 것. rest parameter이다. 파라미터 몇십몇만 들어올 수 있는 rest parameter. function 함수(...x){ } 함수(1,2,3,6,8,7,6) 근데, 이 rest 파라미터를 사용할 경우 다른 파라미터와 같이 ..
type 키워드를 이용해서 타입변수를 생성할 수 있었지만 interface로도 interface 키워드도 변수 생성이 가능합니다. type키워드를 이용한 변수 생성 type person = { name : string , age : number} let 솔 : person - { name : 'park', age : 12} interface키워드를 이용한 변수생성 interface person = {name : string , age : number} let 솔 : person = {name :'park', age : 12} 엥 똑같은데 인터페이스를 왜 써? extends가 가능하기 때문이다. interface person { name :string age : number } interface anima..