Hi

행동의 목표1. 자립할 것2. 사회와 조화를 이루며 살아갈 것 위의 행도을 뒷받침하는 심리적 목표1. 내게는 능력이 있다는 의식을 가질 것2. 사람들은 내 친구라는 의식을 가질 것

유니버설 Vue.js 애프리케이션을 개발하기 위한 편리한 프레임워크

@keyframes애니메이션 효과를 진행 속도나 단계를 직접 지정할 때 사용합니다. 13-02 .box { background-color: blue; width: 50px; height: 50px; position: absolute; top: 20px; left: 30px; } @keyframes shake-box { 0% { transform: translateX(-20px); background-color: blue; } 50% { transform: translateX(10px); background-color: yellow; } 100% { transform: translateX(-20px); background-color: blue; } } .box:hover { animation: shake-..

전개 연산자배열이나 객체를 ... 연산자와 함께 객체 리터럴, 배열 리터럴에서 사용하면 분해된 값으로 전달합니다.let obj1 = { name:"박문수", age:29 }; let obj2 = { ...obj1 }; let obj3 = { ...obj1, email:"mspark@gmail.com" }; console.log(obj2); console.log(obj3); console.log(obj1 == obj2); //false let arr1 = [ 100, 200, 300 ]; let arr2 = [ "hello", ...arr1, "world"]; console.log(arr2);기존 객체의 속성이나 배열의 요소들을 포함하여 새로운 객체, 배열을 생성하고자 할 때 사용합니다.

클래스정적 메서드(Static Method), 인스턴스 메서드(Instance Method), 생성자(Constructor)를 모두 잘 지원하고 있습니다.class Person { constructor(name, tel, address) { this.name = name; this.tel = tel; this.address = address; if (Person.count) { Person.count++; } else { Person.count = 1; } } static getPersonCount() { return Person.count; } toString() { return `name=${this.name}, tel=${this.tel}, address=${this.address}`; } } va..

모듈독립성을 가진 재사용 가능한 코드 블록여러 개의 코드 블록을 각각의 파일로 분리한 후 필요한 모듈들을 조합해 애플리케이션을 개발할 수 있습니다.변수, 함수, 객체, 클래스 등을 export할 수 있습니다.let var1 = 1000; function add(a,b) { return a+b; } export { var1, add };import { add, var1 as v } from './utils/utility1'; console.log(add(4,5)); console.log(v); 만일 export하는 값이 단일 값, 단일 객체, 단일 함수, 단일 클래스라면 default 키워드를 이용해 export한 후 단일 값으로 import할 수 있습니다.let calc = { add(x,y) { ret..