SCSS를 vscode 에디터에서 사용하기(플러그인 설치와 작업영역 설정하기)

VSCODE 에디터에서 SCSS를 사용하는 방법을 알아본다.

vscode 에디터 단축키, 사용자 설정하기

vscode 에디터의 기본 단축키

  • alt 를 누른상태에서 줄을 클릭하면 여러줄이 클릭된다.(여러줄 동시 수정할 때 유용)
  • 커서가 깜빡이는 상태에서 ctrl + c를 누르면 커서가 있는 그 줄 전체 내용이 복사된다.
  • 커서가 깜박이는 상태에서 alt키를 누르고 위아래 방향키를 누르면 그 줄이 위 아래로 이동한다.
  • ctrl + /를 누르면 주석이 된다.

chapter21. 객체 프로퍼티 설정과 프락시

객체 프로퍼티에는 데이터 프로퍼티접근자 프로퍼티 두 가지가 있다.
접근자 프로퍼티는 메서드와 비슷한데, 1. gettersetter 두 가지 함수로 구성된 점과 2.접근했을때 함수라기보단 데이터 프로퍼티와 비슷하게 동작한다는 점에서 조금 다르다. 이런 점에서 접근자 프로퍼티를 동적 프로퍼티라고 부르기도 한다.

chapter20. 노드

20.1 노드의 기초

브라우저 기반 자바스크립트는 브라우저에만 해당하는 API를 사용합니다.
노드에는 DOM이 없습니다. HTML이 없으니까요.
노드에만 해당하고 브라우저에는 존재하지 않는 API도 있습니다.
window와 document는 브라우저 환경에서 제공하는 API 입니다.
이 장에서는 노드에서 제공하는 API에 대해 설명합니다.

chapter19. 제이쿼리

제이쿼리는 DOM을 조작하거나, Ajax 요청을 실행할 때 널리 쓰이는 라이브러리이다. 제이쿼리는 3개의 장점 존재한다.

  • 브라우저 호환성을 걱정하지 않아도 된다.
  • 제이쿼리의 Ajax API는 매우 단순하다.
  • 제이쿼리는 내장된 DOM API를 더 유용하고 단순하게 바꾼 메서드를 제공한다.

chapter18. 브라우저의 자바스크립트

18.1 ES5와 ES6

서버에서는 ES6 기능 중 무엇이 지원되는지 확실히 알 수 있고, 자바스크립트 엔진을 선택할 수 있습니다.
반면 웹에서는 작성한 코드를 실행할 자바스크립트 엔진을 선택하는 것은 불가능하고, 어떤 브라우저인지 알 수 있는 믿을 만한 정보조차 없습니다.
사용자의 환경을 컨트롤 하지 않는 한 ES5를 사용해야 합니다.
트랜스컴파일을 통해 ES6를 ES5로 바꾸면됩니다.

chapter17. 정규표현식

17.1 부분 문자열 검색과 대체

정규표현식(정규식)으로 하는 일은 문자열 속에서 부분 문자열을 찾는 일이며
찾은 부분을 교체할 때도 있다.
다만 그 전에, 정규식을 쓰지 않고 검색하고 교체하는 방법인
String.prototype 메서드 검색을 살펴본다,
큰 문자열 안에 원하는 부분 문자열이 존재하는지 여부를 찾을 때 사용

chapter16. Math

자바스크립트의 숫자는 모두 IEEE 754 64비트 부동소수점 숫자이다.
~기호는 그 값의 근삿값이라는 의미이다.
Math 객체의 프로퍼티를 메서드라 부르지 않고 함수라고 칭할 것

chapter15. 날짜와 시간

자바스크립트의 Date 객체는 원래 넷스케이프 프로그래머 켄 스미스가 만들었다.
사실 자바의 java.util.Date를 가져온 것

chapter14. 비동기적 프로그래밍

자바스크립트는 기본적으로 단일 스레드에서 동작한다. 즉 한 번에 한 가지 일만 할 수 있다.
자바스크립트에서는 매우 일찍부터 비동기적 실행 매커니즘이 존재했지만, 필요한 장치가 추가되었다. 콜백, 프라미스, 제너레이터가 그것이다.
제너레이터는 비동기적 프로그래밍을 전혀 지원하지 않으므로 비동기적으로 쓰기 위해 프라미스나 특수한 콜백과 함께 사용해야한다.
사용자 입력 외에, 비동기적 테크닉을 사용해야 하는 경우는 크게 세 가지가 있다.

  • Ajax 호출을 비롯한 네트워크 요청
  • 파일을 읽고 쓰는 등의 파일시스템 작업
  • 의도적으로 시간 지연을 사용하는 기능(알림 등)
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×