0 Introduction 0.0 Introduction - js 2019 / js 베이직 / 리액트 js 입문수업 > 리액트를 왜 좋아하는가 > 활용하는 방법 > 어플리케이션 만드는 방법 > API에서 데이터를 가져오는 방법 > 앱이 다이내믹 데이터를 출력하는 방법 > 리액트 앱을 배포하는 방법 - 수업을 마치면 업데이튼 된 리액트 JS 지시을 갖게되...

개요 JavaScript의 타입 수 (Number) 문자열 (String) 부울 (Boolean) 기호 (Symbol) 객체 (Object) 함수 (Function) 배열 (Array) 날짜 (Date) 정규식 (RegExp) 널 (Null) 정의되지 않음 (Undefined) 수 (Numbers) 이중정밀도 64비트 형식 IEEE 754 값"으로...

SCSS = SASS + CSS > SASS 컴퍼일러로 SCSS 파일이 CSS 파일이됨 1. 기본문법 기본틀은 CSS 문법과 동일 EX) .sec { margin: 0;} nested block(넥스팅) 을 적용 // 을 이용해서 라인 단위로 주석처리 2. 네스팅(nesting) 네스팅이란 서브루틴 중에 다른 서브루틴을 짜 넣는것. 셀렉터 네스팅 d...

600.jpg 컴포넌트란? Vue.js가 제공하는 가장 강력한 기능 중 하나 컴포넌트는 HTML 마크업, 자바스크립트 로직을 포함한 하나의 덩어리 캡슐화가 자연스럽게 가능해지고 따라서 재사용이 가능해짐 컴포넌트 사용하기 컴포넌트는 Vue 오브젝트를 확장한 오브젝트 컴포넌트를 생성하면 확장된 Vue 인스턴스가 생성 글로벌 컴포넌트 컴포넌트를 생성하는 것...

600.jpg 이벤트 v-on v-on 디렉티브를 사용하여 DOM 이벤트를 듣고 트리거 될 때 JavaScript를 실행 사용법 : v-on:{이벤트}="자바스크립트 표현식" 메서드를 바인딩할 수도 있음. 보통 이벤트 핸들링 로직은 복잡하기 때문에 메서드를 바인딩 하는 경우가 많음 참고로 메서드에서 event 오브젝트를 받아 처리하는 것도 가능 이벤...

600.jpg 템플릿 문법이란? 템플릿 : 실제 화면에 보일 HTML의 틀 템플릿 : 일정한 룰에 의해 해석되는 HTML문서 템플릿 문법 : 템플릿 블럭에서 사용되는 문법 템플릿 문법은 주로 디렉티브(Directive)로 이루어져 있음 디렉티브(Directive) : v- 접두사가 있는 특수 속성, 속성 값은 단일 javascript 표현식 데이터 바...

600.jpg Vue 인스턴스란? Vue 인스턴스란 생성된 Vue 오브젝트 하나 Vue 앱을 시작하기 위해 필수적이며, 앱의 진입점이 됨 간단한 템플릿 렌드링부터 데이터 바인딩, 컴포넌트 등 많은 동작 수행 인스턴스 생성 인스턴스를 생성할 때 데이터, 템플릿 메서드 등 옵션값을 전달할 수 있음 Vue 인스턴스를 참조하기 위해 종종 변수 vm(ViewMo...

veu.js 콘셉트 * Vue.js는 웹 애플리케이션 제작을 쉽게 하도록 도와주는 JavaScript 프레임워크 * 사용자 인터페이스를 만들기 위한 진보적인 프레임워크 * 타 프레임워크와 가장 큰 차별점은 바로 단일 파일 컴포넌트 * 다른 프레임워크와의 비교