분류 전체보기 139

[Javascript] 자바스크립트 기초

캡틴판교님의 자바스크립트 기본 다지기 글을 참조하여 공부하며 끄적인 기록입니다. 자바스크립트 타입 1. Number - 실수 2. String - 문자열 3. Boolean 4. undefined - 변수에 값이 할당되기 전 값이자 타입 5. null - 개발자가 의도적으로 할당하는 값. 타입은 Object으로 반환 1. Object 2. Array 3. Function NaN? 정상적 값을 얻지 못할 때 발생하는 에러 예시) 프로퍼티명이 연산자 포함하여 에러 delete 연산자 객체 프로퍼티 삭제. 단, 객체 삭제 불가! 객체의 모든 연산은 참조 값으로 처리함 Array와 Object의 구분 delete, splice 연산자와 배열 typeof var num = 10; var str = "a"; var..

[Javascript] instanceof, arguments

function a() { if(!(this instanceof arguments.callee)) { return new a(); } } 1. function function도 하나의 객체이다. 2. this, new this는 함수의 호출자를 가리킨다. 즉시실행함수처럼 앞에 호출자가 없다면, 기본적으로 window 객체를 가리킨다. 함수 선언 시, 앞에 new가 붙고 안붙고는 완전 다른 결과를 부른다. a(); //a 함수 속 this는 window 객체를 가리킨다. var func = a(); //a 함수 속 this는 window 객체를 가리킨다. (참고 func; 를 하면, a()가 실행된다.) new a(); //a 함수 속 this는 새로 생성된 객체를 가리킨다. var func = new a..

[Age of Vue] Vue.js 시작하기 - 5. Reactivity 구현

앞선 HTML 문제점을 Vue 기능인 Reactivity를 이용하여 구현해보자 이러한 특성을 Vue의 Reactivity 즉, Vue의 반응성이라고 한다. str이 변했을 때, 계속하여 그 변한 값에 맞추어 데이터를 뿌리고 싶으면 defineProperty API의 set에서 div에 newValue를 innerHTML을 이용하여 셋팅해주면 된다. set: function(newValue) { console.log('할당', newValue); div.innerHTML = newValue; } 그럼 newValue가 변할 때 마다, 값이 자동으로 재할당되는 것을 볼 수 있다.

📕 Language/Vue 2022.04.27

[Age of Vue] Vue.js 시작하기 - 1. 개발 환경 설정

1. visual studio code 설치 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. code.visualstudio.com 2. node.js 설치 (LTS로 설치) htt..

📕 Language/Vue 2022.04.26
반응형