Javascript 단축키 모음

2023 핀테크 인턴십 코스의 개발 인턴으로 참여하여 적은 수기입니다.

자바스크립트 공부할 때, 도움이 되는 자료

• 자동으로 save하는 기능
  ctrl + , 를 해서, auto save를 afterDelay로 만들어준다.

• extension에서 Prettier을 설치하고, c+f를 눌러서 포맷팅을 진행한다.
  (코딩 컨벤션을 위함)

• live server 설치: 개발자 서버가 아니라, IDE에서 개발하고 브라우저에 띄우는 방법

• JavaScript (ES6) code snippets 설치

• Path Intellisense 설치: 경로 쉽게 도출하기 위함

단축키
https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

치트시트 (컨닝페이퍼)
https://htmlcheatsheet.com/js/

javascriptdocu
https://devdocs.io/javascript/

javascriptinfo
https://ko.javascript.info/

파일 오픈할 땐 간편하게

명령 프롬포트로 이렇게 하면된다.

C:\Users\JYUN>cd C:\Users\JYUN\Desktop\js_test

C:\Users\JYUN\Desktop\js_test>code .

루프백 주소 127.0.0.1 localhost

라이브서버 5500

웹은 80포트를 쓴다.

절대 경로 - 풀 경로를 써준다.
상대 경로 . 현위치 (생략 가능)
상대 경로 .. 바로 위로 이동

주석

Ctrl+/: 해당 줄의 코드를 한 줄짜리 주석으로 처리
Ctrl+Shift+/ : 여러 줄의 주석 처리

엄격모드

변경사항 대부분은 ES5의 기본 모드에선 활성화되지 않도록 설계되었다. 대신 use strict라는 특별한 지시자를 사용해 엄격 모드(strict mode)를 활성화 했을 때만 이 변경사항이 활성화되게 해놓았다.

strict 모드는 ES5(ECMA Script 5)에 추가된 키워드인데,
strict 모드는 자바스크립트가 묵인했던 에러들의 에러 메시지를 발생시킨다. 엄격하게 문법 검사를 하겠다.. 로 이해하면 될 것 같다.

변수

var: 처음 만드는 변수

• 선언과 동시에 대입 var i = 0;

• 선언

• 대입

현대 모던 자바스크립트에서는 처음 만드는 변수가 있을 때, let을 거의 사용한다.
var은 호이스팅의 문제가 있다.

자바스크립트의 모든 선언에는 호이스팅이 일어난다.
그런데 let, const, class를 이용한 선언문을 호이스팅이 발생하지 않는 것처럼 동작한다. 호이스팅이 되었다는 뜻은 ‘선언이 먼저 메모리에 저장되었다.’

상수

const VALUE =

선언한 변수나 상수를 호출하려면,

let 처음만들어보는변수 = "안녕";
      const 처음만들어보는상수 = "변하지 않는값";
      alert(`${처음만들어보는변수}`);

현업에서는 var로 써져있는걸 함부로 let으로 바꾸지 말아야 한다. 이전에 작성된 코드이기 때문이다.

내장 함수

prompt(): 사용자에게 값을 입력받을때 내장함수
내장함수와 사용자 함수가 있다.

자료형의 변환

• math 거듭제곱 power pow
• 아스티리스크 **
• = 할당 연산자
• == 값이 같다
• === 값, 타입 같다

스코프 범위 변수나 문자의 영향을 미치는 범위
전역 글로벌 global 지역 로컬 local
let a = 10;

https://www.freecodecamp.org/korean/news/object-oriented-javascript-for-begginers/
beginners/

객체
oop

class 클래스명();
class 클래스명:
class 클래스명(object):

class 클래스명 {
}
class 클래스명 extends 부모 클래스 {
}
파이썬 this 클래스를 구체화시킨 인스턴스 자신을 가리킨다
자바스크립트 self 클래스를 구체화시킨 인스턴스 자신을 가리킨다

class 만드는 건 꼭 따로 실습해보기