infos infos

Typescript

• 변수 종류(타입, type)

  Typescript 2022. 12. 21. 18:43

  string 문자열 boolean true/false 값 number 숫자 any 모든 타입을 허용하는 타입. 코드를 쓰는 동안 정해지지 않은 변수를 지정할 수 있음. unknown any와 비슷하나 먼저 타입을 지정하거나 좁히지 않으면 조작이 허용되지 않음. symbol Symbol 생성자를 호출해 생성된 고윳값 naver 도달할 수 없는 코드를 나타냄. void 종류 값이 음을 나타냄.

  Read More
• Typescript 키워드와 중괄호({}, Braces)

  Typescript 2022. 12. 21. 18:36

  Javascript 중괄호({}, Braces)

  Read More
• 비동기 지연 시간 만들기

  Typescript 2022. 11. 25. 12:49

  (async()=> { console.log("== async start =="); //await delay(1000); await new Promise(resolve => setTimeout(resolve, 1000)); //todo work console.log("== async end =="); })(); Udp data 주고 받기 Ex

  Read More
• Vsc & NodeJs 에서 Typescript 빌드

  Typescript 2022. 11. 20. 09:14

  설치 2022.11.15 - Vsc에서 TypeScript 설치 빌드 테스트 테스트에 사용할 예제 소스파일 t1.html t1.ts document.write("Hello Infos"); 빌드방법1 - 콘솔 단일파일 특정 ts파일 지정해서 그 파일만 js로 빌드된 결과물을 만든다. 같은 폴더에 생성된다. node_modules\.bin\tsc t1.ts '2022.11.15 - Vsc에서 TypeScript 설치'에 참고 빌드방법2 - 콘솔 프로젝트폴더 프로젝트에 'tsconfig.json'이 준비되어 있으면 설정에 맞춰 프로젝트 폴더가 빌드 된다. '2022.11.15 - tsc tsconfig.json 생성' 프로젝트 폴더에서 tsc만 실행하면 ts파일들이 빌드되어 dist폴더에 들어간다. 빌드방법3..

  Read More
• node_modules 재설치

  Typescript 2022. 11. 18. 19:50

  삭제 폴더 'node_modules' 파일 'package-lock.json' 재설치 npm install

  Read More
• Type casting, string to number to string

  Typescript 2022. 11. 18. 19:32

  typescript에서 형변환 숫자에서 문자열에서 숫자 등 Type casting string to number to string, var v1:number = 1; var s1:string = (v1 as unknown) as string; var s1b:string = String(v1); var s2:string = String('123'); var v2:number = Number(s2);

  Read More
• Vsc & Nodejs & React & Typescript 사용하기

  Typescript 2022. 11. 18. 19:09

  Vsc & Nodejs & React & Typescript 사용하기 기본 설치 Vsc설치 2020.07.03 - Vsc, VSCode(Visual Studio Code) 설치 Nodejs설치 2022.11.18 - NodeJs 설치 프로젝트 생성 typescriptex1이라는 프로젝트 생성하는 예제 '터미널'->'새터미널' npx create-react-app typescriptex1 --template typescript ..자동 설치 과정동안 잠시 기다리기... 프로젝트 실행 vsc터미널에서 npm start 시간이 어느정도 지나면 잠시 후 자동으로 웹브라우저가 시작되며 'http://localhost:3000/'창이 창이 열리고 기본화면을 볼 수 있다. 이제 구동되는 동안 'xxx.tsx'파일의 ..

  Read More
• eslint Plugin "react" was conflicted between "package.json

  Typescript 2022. 11. 18. 18:38

  오류 증상, 출력 프로젝트 실행 npm start 작동중 xx.tsx파일 수정감지하여 다시 컴파일 중 오류 출력. Failed to compile. [eslint] Plugin "react" was conflicted between "package.json » eslint-config-react-app » D:\TypescriptEx1\node_modules\eslint-config-react-app\base.js" and "BaseConfig » D:\typescriptex1\node_modules\eslint-config-react-app\base.js". ERROR in [eslint] Plugin "react" was conflicted between "package.json » eslint-co..

  Read More