공부 정리 공부 정리

JavaScript

• JS 알아보기

  JavaScript/JavaScript 2021. 5. 28. 04:11

  ECMA 스크립트 ECMA스크립트(ECMAScript, 또는 ES)란, Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. 자바스크립트를 표준화하기 위해 만들어졌다. 액션스크립트와 J스크립트 등 다른 구현체도 포함하고 있다. ECMA스크립트는 웹의 클라이언트 사이드 스크립트로 많이 사용되며 Node.js를 사용한 서버 응용 프로그램 및 서비스에도 점차 많이 쓰이고 있다. 출저: https://ko.wikipedia.org/wiki/ECMA%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8 [위키백과] JS 데이터 타입 확인 // typeof - 데이터의 타입을 확인 (object는 값을 너무 많이 포함한다) // ..

  Read More
• NPM

  JavaScript/Node.js 2021. 5. 27. 03:17

  NPM (Node Package Manager) NPM은 전 세계의 개발자들이 만든 다양한 기능(패키지, 모듈)들을 관리 # package.json 파일 생성 (npm으로 패키지 관리) $ npm init -y # npm install 설치할 패키지 -D $ npm install parcel-bundler -D 플래그 -D 를 붙이면 devDependencies 설치 (개발용 의존성 패키지 설치) - 개발할 때만 필요하고 웹 브라우저에서 동작할 때는 필요하지 않는다 붙이지 않으면 dependencies 설치 (일반 의존성 설치) - 웹 브라우저에서 동작할 때 필요할 수도 있다 # 버전을 명시한 npm 패키지 설치 # npm install 패키지명@버전 $ npm install lodash@4.17.20 ..

  Read More
• NVM 사용법

  JavaScript/Node.js 2021. 5. 27. 03:07

  NVM 사용법 # nvm 리스트 확인 $ nvm ls # nvm install 버전 (설치할 node.js 버전 입력) $ nvm install 14.17.0 # nvm use 버전 (설치 후 사용할 node.js 버전 입력) $ nvm use 14.17.0 # node 버전 확인 $ node --version # nvm unistall 버전 (삭제할 node.js 버전 입력) $ nvm unistall 14.17.0 # nvm 명령 확인 $ nvm help

  Read More
• Node.js 알아보기

  JavaScript/Node.js 2021. 5. 26. 20:02

  Node.js Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임(프로그래밍 언어가 동작하는 환경) NVM NVM (Node Version Manager) Node.js 버전 매니저 컴퓨터에서 다양한 버전의 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 setup.zip 파일 다운로드 후 압축 풀기 setup 실행 ..

  Read More
• JS 메소드 체이닝

  JavaScript/JavaScript 2021. 5. 5. 01:07

  메소드 체이닝(Method Chaining) const a = 'Hello JS'; const b = a.split('').reverse().join(''); // 메소드 체이닝 console.log(a); // 출력 결과: Hello JS console.log(b); // 출력 결과: SJ olleH // split - 문자를 인수 기준으로 쪼개서 배열로 반환 // reverse - 배열을 뒤집기 // join - 배열을 인수 기준으로 문자로 병합해 반환 console.log(a.split('')); // 출력 결과: ["H", "e", "l", "l", "o", " ", "J", "S"] console.log(a.split('').reverse()); // 출력 결과: ["S", "J", " ", "..

  Read More
• JS 맛보기 (DOM API)

  JavaScript/JavaScript 2021. 5. 3. 22:02

  DOM API Document Object Model, Application Programming Interface - JavaScript에서 HTML을 제어하는 여러가지 명령들 // HTML 요소(Element) 1개 검색/찾기 const 변수명 = document.querySelector(CSS선택자); // HTML 요소에 적용할 수 있는 메소드 변수명.addEventListener(); // 인수(Arguments)를 추가 가능 변수명.addEventListener(1, 2); // 1 - 이벤트(Event, 상황) 변수명.addEventListener('click', 2); // 2 - 핸들러(Handler, 실행할 함수) 변수명.addEventListener('click', function (..

  Read More
• JS 맛보기 (조건문)

  JavaScript/JavaScript 2021. 5. 3. 21:37

  조건문 조건의 결과(truthy, falsy)에 따라 다른 코드를 실행하는 구문 // 조건문 (if) // 조건문은 조건이 참일 경우에만 내용을 실행 if (조건) { 내용; } let a = true; let b = false; if (a) { console.log('aaa'); // 출력 결과: aaa; } if (b) { console.log('bbb'); // 조건이 거짓이면 실행되지 않음 } // 조건문 (if else) if (조건) { 내용 // 조건이 참이면 실행 } else { 내용 // 조건이 거짓이면 실행 } let a = flase; if (a) { console.log('aaa'); } else { console.log('bbb'); // 출력 결과: bbb }

  Read More
• JS 맛보기 (변수와 함수)

  JavaScript/JavaScript 2021. 5. 2. 20:37

  변수(variable) 데이터를 저장하고 참조(사용)하는 데이터의 이름 변수 선언 방법 - var - let - const let // 재사용이 가능 // 변수 선언 let 변수명; // 선언, 값에는 "undefined" 저장 let 변수명 = 값; // 선언과 초기화 let a = 2; let b = 1; console.log(a + b); // 출력 결과: 3 console.log(a - b); // 출력 결과: 1 a = 3; // 값(데이터)의 재할당 console.log(a + b); // 출력 결과: 4 const // 재사용이 가능 // 변수 선언 const 변수명 = 값; // 처음 선언할 때 반드시 초기화를 해야함 const a = 2; const b = 1; console.log(a ..

  Read More