일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- React
- 프라미스체이닝
- 풀스택 개발
- #프론트엔드개발
- 웹 성능
- fe
- html
- 퍼포먼스 최적화
- css
- Promise
- dom
- cmdline-tools missing
- flutter 오류
- 컴포넌트
- 코드리뷰
- 웹 개발
- jsx
- 패키지 스크립트
- 국제화(i18n)
- aondroid toolchain 오류
- JavaScript
- 자바스크립트공부
- macos flutter
- Node.js
- flutter android sdk
- 자바스크립트
- 프론트엔드
- 웹 성능 최적화
- 웹개발
- 비동기프로그래밍
- Today
- Total
목록Frameworks & Libraries/TypeScript (2)
sodol-dotcom

TypeScript는 기본적으로 파일을 글로벌 스코프(전역 공간)로 인식한다. 그래서 변수나 함수가 다른 파일에서 중복으로 사용될 경우 충돌할 수 있다. 해결 방안으로 아래 두가지 방법이 있다. 1. 각 파일에 `export {};`추가하기이 방법은 각 TypeScript 파일의 맨 아래에 `export {};`라는 코드를 추가하는 것이다.이 코드를 넣으면 TypeScript가 해당 파일을 모듈로 인식한다.하지만 모든 파일에 이 작업을 일일이 추가해야 하므로, 관리가 번거롭다. 2. `tsconfig.json`에서 `"moduleDetection": "force"` 설정하기`tsconfig.json` 파일은 TypeScript의 설정을 관리하는 곳이다. 여기서 `"moduleDetection": "f..

0. 들어가기 전에TypeScript로 프로그래밍하기 위해 필요한 개발 환경 설정부터 패키지 설치, 코드 작성, 컴파일 및 실행까지의 과정을 단계별로 설명TypeScript는 자바스크립트의 슈퍼셋 언어로, 타입을 명시해 오류를 사전에 방지할 수 있는 장점이 있다. 1. 실습용 폴더 만들기먼저 프로젝트 코드를 보관할 폴더를 만든다.`onebite-typescript`라는 폴더를 만들고, 그 안에 `section1`이라는 하위 폴더 생성한다.폴더 이름은 자유롭게 정해도 되고, 포인트는 프로젝트별로 폴더를 나누어 관리하는 것. 2. Node.js 패키지 초기화하기Visual Studio Code를 열어서 위에서 만든 폴더를 열어준다.터미널을 열고 아래 명령어를 입력해 Node.js 패키지를 초기화 한다.여..