일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- react fragment
- raect typescript #react #typescript #styled-component
- 플로이드 #c++
- React #controlled component #비제어 컴포넌트 #제어 컴포넌트
- 버블링 #갭쳐링 #이벤트 #JS
- 이친수
- axios
- React #Hook rules #Hook 규칙
- react #useCallback #react Hook
- html entities
- donwstream #upstream #origin
- React #리액트 이벤트 주기 #리액트 이벤트
- 백준 #직각삼각형
- useState #Hooks
- React #effect hook #useEffect
- React-Query
- #useRef #언제 쓰는데?
- 노마드 코더 #타입스크립트 #typescript #class
- interceptors
- npm #not being able to find a file #npm install Error
- 빡킹독
- react
- DP #c++
- JWT #토큰 #refreshToken #accessToken #Token #token #localStorage #sessionStorage
- 얕은 복사 #깊은 복사 #shallow copy #deep copy
- 코드스테이츠 #알고리즘 #그리디
- 백준 #적록색약
- 다익스트라 #파티 #백준
- RateLimit
- rate limit
- Today
- Total
목록노마드코더/Typescript로 블록체인 만들기 (3)
꿈꾸는 개발자
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bxhGqk/btrZtrc82Bz/IeMs7fD8OgZ3cIvsqz7On0/img.png)
npm init -y npm i -D typescript -D는 devDependencies를 의미하고, typescript는 말 그대로 typescript을 의미함! 위와 같이 파일을 작성했을 때 vsc는 typescript로 코드가 작성됨을 바로 알 수 있음 => auto complete을 제공할 수 있음!! VSC 자체적으로 위 옵션들을 보여줌 타입스크립트가 src에 있는 모든 파일을 모니터링한다는 의미 타입스크립트는 컴파일러이다 => 따라서, TS => JS를 어떤 폴더에 지정할 것인지 정해주는 것이다 => 해당 예시에서는 build라는 파일을 명시하고 해당 파일에 컴파일을 시행함 script에 build:tsc를 입력해주고 그 다음 npm run build를 해주면, 컴파일링이 실행된다 위처럼 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/clRWqT/btrZdeEEEZ3/TSc3yOnvgb6iH3MMxaZK21/img.png)
#4.2 위와 같은 방법으로 public이면서 접근 불가능하게 만들 수 있다 type에 대한 복습: type Food=string; const kimchi:Food="delicious"; type Person={ nickname:string, healthBar:number, } const nico:Person={ nickname:"nico", healthBar:10, } //새로운 것 type Team= "read"|"blue"|"yellow" type Plyaer={ nickname:string, team:Team, } 위와 같이 다양한 방식으로 type을 사용할 수 있다! Interface : type Team= "read"|"blue"|"yellow" interface Plyaer { nicknam..
보호되어 있는 글입니다.