FE개발 공부 시작: 23년 4월 10일

1. 셋팅 (터미널) mkdir [폴더명] : 폴더 만들기 cd [폴더명] : 폴더로 이동 npm init -y : package.json이 생성됨 tsc --init : tsconfig.json을 생성해서 타입스크립트 프로젝트로 변환 ls : 현재 파일 확인 (tsconfig.json) 아래 옵션 2개를 주석 해제하여 true로 설정 "allowJs": true // TypeScript 프로젝트에 JavaScript 파일 허용 여부 "checkJs": true // JavaScript 파일 타입 체크 여부 2. JSDoc 작성 JavaScript 소스코드에 JSDoc를 통해 타입 힌트를 제공할 수 있음. JSDoc은 API의 시그니처 (인자, 리턴 타입)를 설명하는 HTML 문서 생성기. (test.j..

tsc = TypeScript 컴파일러 JavaScript는 동적 언어(=인터프리터 언어)이기 때문에 기계어로 변환될 필요가 없음 정적 언어(=컴파일 언어) → 기계어로 변환이 되어야 합니다! 동적 언어(=인터프리터 언어) → 엔진이 코드를 한 줄씩 실행하면서 동적으로 해석합니다! Node.js나 Chrome → JavaScript를 실행할 때는 V8 엔진이 코드 해석 및 실행을 하구요! Firefox → JavaScript를 실행할 때는 SpiderMonkey가 코드 해석 및 실행을 합니다! tsc 명령어 tsc --init tsconfig.json이 생성되는 명령어 tsc index.ts index.ts를 컴파일. .ts는 TypeScript 파일의 확장자 tsc src/*.ts src 디렉토리 안에..

Node.js https://github.com/coreybutler/nvm-windows/releases페이지로 이동 스크롤 조금 내려서 Assets섹션의 nvm-setup.exe 다운로드 및 실행 설치 완료되면 윈도우 시작버튼 - powershell 검색 실행된 PowerShell에서 nvm install [설치할 노드 버전] 입력하여 Node.js 활성화ㄱ PowerShell에서 npm -v명령어로 npm이 제대로 설치됐는지 확인할 수 있음 npm으로 글로벌하게 TypeScript 설치하기 PowerShell터미널 종료하고 윈도우 시작버튼 - cmd 검색 실행된 명령 프롬프트에서 npm install typescript -g를 실행하여 TypeScript를 글로벌하게 설치 명령 프롬프트에 tsc 명..