개발이야기/TypeScript (5) 썸네일형 리스트형 타입스크립트 프로젝트 만들기 VSCode의 터미널에서 1) 디렉토리 생성 2) 생성한 디렉토리에서 npm init --y 입력 ( package.json 파일 생성 ) 3) npm i -D typescript ts-node 입력 4) npm i -D @types/node 입력 5) npm i 입력 6) tsc --init ( tsconfig.json 파일 생성 ) 7) tsconfig.json 파일 설정 { "compilerOptions": { "module": "commonjs", "esModuleInterop": true, "target": "es5", "moduleResolution": "node", "outDir": "dist", "baseUrl": ".", "sourceMap": true, "downlevelIteratio.. 타입스크립트 개발환경 만들기(타입스크립트 컴파일러 설치 및 실행) 1) C드라이브-> study 폴더 생성 2) study 폴더에서 오른쪽 마우스 클릭 3) VSCode로 열기 4) 보기 -> 터미널 클릭 5) 터미널에서 npm i -g typescript 입력 6) 터미널에서 tsc -v 입력 7) scoop install touch 입력 8) VSCode 왼쪽상단을 보면 hello.ts 파일이 생성된것을 확인 9) console.log('hello world!'); 입력 후 저장 ( 컨트롤+S ) 10) 터미널에서 tsc hello.ts 입력 11) VSCode 왼쪽상단을 보면 hello.js 파일이 생성된것을 확인 12) node hello.js 입력시 13) Hello world! 노출 확인 타입스크립트 개발환경 만들기(nodejs + 크롬 설치) 파워셸에서 1) scoop install nodejs-lts 입력 2) node -v 입력 ( 노드 버전 확인 ) 3) scoop install chromium 입력 4) chrome 입력 ( 크롬 실행 ) 타입스크립트 개발환경 만들기(VSCode 설치) 파워셸에서 1) scoop bucket add extras 입력 2) scoop install vscode 입력 3) C:\C:\Scoop\apps\vscode\current\vscode-install-context.reg 실행 ( 마우스 오른쪽 클릭시 VSCode 실행 매뉴 추가) 타입스크립트 개발환경 만들기(scoop 설치) 윈도우10 기준 1) PowerShell 관리자 권한 실행 2) Set-ExecutionPolicy RemoteSigned -scope CurrentUser 입력 3) A 입력 4) $env:SCOOP='C:\Scoop' 입력 5) iex (new-object net.webclient).downloadstring('https://get.scoop.sh') 입력 6) scoop install aria2 입력 7) scoop install git 위 과정을 진행 하면 C드라이브에 Scoop이 생성된것을 확인할수 있다 8) 윈도우 검색 -> 시스템 환경 변수 편집 검색 9) 환경변수 클릭 10) xxxx(사용자명?)에 대한 사용자 변수에서 새로만들기 클릭 11) 변수 이름 : Scoop 12) 변수 값 : C.. 이전 1 다음
