패스트코드블로그

TypeScript 설치 1 mkdir 폴더명 새로운 폴더생성. npm init -y package.json 생성. npm i typescript -g 전역으로 typescript 모듈 설치 tsc 파일명.ts 컴파일 tsc --init tsconfig.json 생성 node 파일명

일단 파워쉘 관리자 권한으로 접속합니다. 1 2 3 ExecutionPolicy Set-ExecutionPolicy Unrestricted ExecutionPolicy cs 빈 폴더 하나 생성합니다. 폴더를 우클릭해서 Code 열기를 선택합니다. 보기 > 터미널 클릭. 아래와 같이 파워쉘 터미널을 엽니다. 타입스크립트 설치는 최초 1회만 합니다. 1 npm i -g typescript@latest cs 1 npm init -y cs 아래와 같이 package.json 파일이 생성됩니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 { "name": "nodetypeforhawaii", "version": "1.0.0", "description": "", "main": "index..

공통 No 확장기능 이름 설명 1 Debugger for Chrome Chrome과 연계한 디버거 2 Settings Sync vscode의 설정을 동기 시켜준다 3 Instant Markdown 마크다운 파일을 바로 브라우저에서 확인 4 vscode-icons 가독성 좋은 아이콘을 적용 5 Bracket Pair Colorizer 여는 대괄호와 닫는 대괄호를 같은 색으로 표시 6 Auto Rename Tag 마크업 앞 혹은 뒤를 수정하면 그에 대응하는 부분 자동 수정 7 Prettier — Code formatter 널리 쓰이는 code formatter 8 Prettier - ESLint ESLint와 Prittier를 함께 쓰고 싶다면 필요한 패키지 9 Babel ES6/ES7 바벨 익스텐션 10 ..

5 Great Visual Studio Keyboard Shortcuts Here are five of my favorite keyboard shortcuts in Visual Studio. There's a good chance at least one of them will be new to you. Move Code Alt+Up/Down This keyboard shortcut is new in Visual Studio 2013. If you put the cursor on a line of code and use the Alt+Up Arrow keys, the line of code you've selected moves up. If you use the Alt+Down Arrow keys, the..

출처: 지디넷 150716 자바 챔피언이 만난 비주얼 스튜디오 코드와 에릭 감마 먼저 필자는 마이크로소프트(Microsoft, 이하 MS)의 기술에 대해 잘 모르는 자바 개발자임을 밝힌다. 글을 읽으면서 오해가 없길 바란다. 사실 필자는 MS가 커머셜 소프트웨어와 심지어 개발자들이 쓰는 툴까지 판매하는 회사라서 나랑은 잘 맞지 않다는 생각을 가지고 있었다. 그러나 이번 빌드 행사를 통해 이런 고정관념이 바뀌게 됐다. 그에 대한 이야기를 풀어보고자 한다. 필자는 좋은 오픈소스 사용을 즐기고 필요하다면 직접 코드를 조금씩 수정하면서 이해해 가는 과정에 익숙하다. 그 때문인지 거의 결병증처럼 완성품을 판매하는 MS보다는 좀 더 개방적이고 개발자들에게 새로운 걸 공급하는 구글 같은 회사를 선호했다. 또 스프링 ..

https://parksrazor.tistory.com/274 [VS코드] 다운로드 및 설치 비주얼스튜디오 다운로드 및 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging mod.. parksrazor.tistory.com vscode에서 file-> preferences -> setting -> emmet include Langeuage 입력 ->edit in settings.json "emmet.triggerExpansionOnTab": true, "emmet..

비주얼스튜디오 다운로드 및 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 필수: react + typescript + jsx + babel + redux + axios 조합 자동설정 npx..

비주얼스튜디오 다운로드 및 설치 https://code.visualstudio.com/ React 설정 npm install -g create-react-app create-react-app frontend cd frontend npm start 현재 열린 cmd 창 말고 새로운 cmd 창을 열고 아래와 같이 typing... 메뉴바 > File > Auto Save 를 클릭하면 V 체크 표시됨. index.js 를 열면 아래 소스가 보인다. import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import * as serviceWorker from './servic..

인텔리제이 File > Setting > Plugins 들어간 후 node 검색.. 아래처럼 installed 확인 npm install -g create-react-app create-react-app frontend cd frontend npm start 또는 yarn 설치 후 start 하기 npm install -g yarn yarn start index.js 를 열면 아래 소스가 보입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import * as serviceW..

현재 프로젝트의 설정 매뉴로 이동합니다. (File – settings) 또는 Ctrl + Alt + S 아래의 창에서 Interpreter를 다른 가상환경의 것으로 변경을 하고 적용을 해줍니다. 설치가 된 라이브러리들도 여기서 확인을 할 수 있습니다.