일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- grid-column-end
- collapsing-margins
- python #qqplot #qq-plot #code
- border-style
- className
- css#cascading#display#block#inline
- grid-row-start
- var
- box-shadow
- react-hook-form
- classList
- javascipt
- prompt()
- localStorage
- gird-row-end
- javascript
- variables
- grid-column-start
- React
- foreach()
- CSS
- package.json
- valuable
- scope
- createElement
- relative
- Grid
- confirm()
- mongodb
- grid-template-areas
- Today
- Total
목록Front-end/TypeScript (2)
data life
TypeScript에게 React component를 설명하는 방법 Prop Types는 prop이 있는지 없는지 확인해주지만 코드를 실행한 다음에야 확인이 가능하다. 코드 실행하기 전에 확인하기 위해 Prop Types를 이용하지 않고 prop들을 TypeScript로 보호해주도록 하겠다. TypeScript와 props interface interface를 이용하여 object 모양을 typescript에게 설명해주어 component의 props에 타입을 알려준다. interface Players { name: string; age: number; score: number; } const profile = (playerObj: Players) => { `${playerObj.name}. ${play..
TypeScript 대체 이게 뭐야? 자바스크립트야? 하시는 분들 예..맞습니다.. JavaScript를 기반으로 한 프로그래밍 언어인데요 타입스크립트는 마치 비법소스(라면스프)를 넣은 요리라고 생각하시면 이해하기 쉬울 듯 합니다. (오셨다..!) javascript와 거의 복붙한 수준으로 비슷하면서 새로운 기능만을 살짝 추가했기 때문에 사실상 추가한 기능 빼고는 문법도 똑같습니다. (이래도 안배울겨?) 그래서 javascript를 공부하시는 분들은 지식만 잘 가지고 있으면 이 아이도 잘 쓸 수 있다는 굉장한 사실!! TypeScript의 기능 타입스크립트의 절대적 기능은 바로 프로그래밍 언어가 작동하기 전 type을 확인해주는 것인데요 자바스크립트와 타입스크립트를 비교하면서 살펴보도록 하겠습니다. 자바..