강의 대시보드 SFC (Single File Components) 는 무엇인가?
SFC (Single File Components) 는 무엇인가?
강의명 : [Vue.js입문~초급] Javascript 초보 Real 웹앱 개발 - 1부 : vue 개념 ~ 초급
수강 기한 : 무제한
진도율 : 0강/24강 (0%) | 시간 : 0분/284분
나가기
미수강
이전수업
다음수업

SFC (Single File Components)

https://kr.vuejs.org/v2/guide/single-file-components.html

Single File Components , SFC - .vue 확장자를 가진 싱글 파일 컴포넌트

페이지내 Vue 선언 방식의 disadvantages(약점)

  • Global definitions - 모든 컴포넌트에 대한 고유한 이름 필요
  • String templates - 구문 강조가 약함, 여러 줄로 된 HTML에 보기 안좋은 슬래시
  • No CSS support - CSS 를 지원하지 않는 것이 아니라 CSS 가 모듈화 되지 않음
  • No build step – 전처리기가 아닌 HTML 및 ES5 JavaScript로 제한

페이지내 Vue 선언 방식 약점을 해결한 SFC 의 특징

  • Complete syntax highlighting - Atom, Sublime Text, Visual Studio Code, Intellij
  • CommonJS modules – ES2015(ES6), CommonJS(ServerJS)
  • Component-scoped CSS – Scoped CSS

CommonJS는 웹 브라우저 밖의 자바스크립트를 위한 모듈 생태계의 규칙을 설립하기 위한 프로젝트이다.

Example Sandbox

NPM

ES6

    목차 커뮤니티