JavaScript13 [ES6] 객체 확장 표현(Destructuring) 및 구조 분해 할당 2020.09.01 - [웹 프론트엔드/자바스크립트] - [ES6] 자바스크립트 문법 (var, let, const) 객체 확장 표현식 자바스크립트에서 자주 사용하는 key-value 데이터 형식의 객체를 조금 더 확장하여 표현할 수 있습니다. 기존 자바스크립트 객체 확장 표현식과 ES6의 새로운 표현식 // 기존 var num1 = 10; var num2 = 20; var obj = { num1: num1, num2: num2 };// 동일한 이름의 키와 값 // ES6 var obj = { num1, num2 };// 키값을 생략하면 위와 같이 의미 // 기존 var plusKey = '2020'; var obj2 = {}; obj2['year' + plusKey] = 'corona';// 키값에 연.. 2020. 9. 5. [ES6] 자바스크립트 문법 (var, let, const) var, let, const 변수 선언 var 선언은 아래 코드 처럼 중복 선언이 가능하고 에러 없이 막 쓸 수 있습니다. var text = 'korea'; console.log(text);// korea var text = 'japan'; console.log(text);// japan // 같은 변수명으로 중복 선언했는데도 에러없이 덮어씌어짐 // 기분이 나쁘게 한국에서 일본으로 바뀜 let 선언은 아래 코드 처럼 중복 선언이 불가능하지만 재할당은 가능합니다. let text = 'korea'; console.log(text);// korea let text = 'japan'; console.log(text);// Uncaught SyntaxError: Identifier 'text' has alr.. 2020. 9. 1. [React] Visual Studio Code 및 관련 플러그인 설치 비주얼 스튜디오 코드 설치 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. code.visualstudio.com 1. Reactjs code snippets 플러그인 설치 기본적인.. 2020. 8. 21. [React] 리액트 개발환경 구축 1. 노드 버전 매니저 (NVM) 설치 리액트는 javascript 기반이라 노드제이에스(Node.js) 런타임으로 돌리겠습니다. 그래서 편하게 NVM 깔고 버전 관리하면서 구축하는 방향으로 고고~! https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows github.com 여기 들어가서 Assets에 있는 nvm-setup.zip 설치 2. NVM 설치 확인하기 명령 프롬프트 (윈도우면cmd) 열어서 > nvm -v Runn.. 2020. 8. 18. 이전 1 2 다음
