Constructor Function 생성자 함수

Using function to create objects 생성자 함수로 객체 만들기 this 키워드를 통해서 property를 세팅할 수 있다. 생성자 함수로 객체를 만들 때는 꼭 'new' 키워드를 사용해야 한다. function IdolModel(name, year){ this.name = name; this.year = year; this.dance = function(){ return `${this.name}이 춤을 춥니다.`; } } // new 키워드로 호출 const yuJin = new IdolModel('안유진', 2003); console.log(yuJin); // IdolModel { name: '안유진', year: 2003 } console.log(yuJin.dance()); /..

2023.12.23

Vue에서 style 속성 데이터바인딩 하는 법

보호되어 있는 글입니다.

2023.06.21

Array, Object State 변경하기

복사, 수정, 적용 array나 Object로 된 state를 변경할 때는 기존 state를 copy하여 수정 한 후 setState 해줘야 한다. let [title, setTitle] = useState(['남자코트 추천', '강남 우동맛집', '리액트 독학']); { let copy = [...title]; copy[0] = '여자코트 추천'; setTitle(copy); } }>글 수정 setState(변경할 값) 함수의 동작 특징 기존 state와 변경될 state를 비교 후 다를때에만 state 변경을 해준다. array, object의 특징 JavaScript에서 array와 object가 담겨있는 변수에는 해당 값이 저장되는것이 아니라, 해당값이 저장되어 있는 공간에 화살표만 저장된다. s..

2022.11.11

Object 내장객체

내장객체 자바스크립트 내에 이미 만들어져 있는 객체 1. Number Object ＊숫자일 때 사용할 수 있는 객체 숫자.toFixed(1); 소수점 둘째 자리에서 반올림해서 소수 첫째 자리로 반환 var number = 273.5210332; var output = ''; output += number.toFixed(1) + '\n'; // ★number에 값이 숫자이기 때문에 메소드 사용 가능 output += 10.244457.toFixed(4); // 그냥 숫자도 가능 console.log(output); 2. String Object ＊ 문자일 때 사용할 수 있는 객체 문자.length 문자 열의 갯수를 숫자로 반환 문자.toUpperCase(); 소문자를 대문자로 반환 var character..

2021.12.01

JavaScript - 2. Data Type

JavaScript Data Type JavaScript Data Type에는 기본타입과 참조타입이 있으며 기본타입에는 Number, String, Boolean, undefined, null, NaN 이 있고 참조타입에는 Object가 있다. 문자열 (string) 따옴표 안에 들어있는 자료는 문자열이다. 따옴표 없으면 에러 발생 'hello' / "홍길동 / '1004' 숫자 (number) 정수, 실수, 음수, 양수 100 / 53.2 / -86 불린 (boolean) 참/거짓 true / false undefined 정의되지 않음 (값이 없을 때 출력됨) null 아무것도 출력되지 않음, 문자 지우개 cup = ''; NaN 계산할 수 없는 값 var cup = 'coffee'; cup *= 10..

2021.11.24

객체 Object

객체 세상에 존재하는 모든 것 자동차 객체의 모델링 객체 속성 메소드 car car.nave="Sonata" car.start(){} car.speed=100 car.accel(){} car.color="White" car.break(){} car.door=4 car.transe(){} 자바스크립트 객체 사용자 정의 객체 사용자가 직접 객체의 속성과 메소드를 정의하여 사용하는 객체 car(), house(), hotel() 내장 객체 자바스크립트 프로그램 자체에서 정의하여 사용자에게 제공하는 객체 object(), array(), date() 날짜를 지정하는 Date 객체 웹 페이지에 오늘의 날짜와 시간 및 요일 등을 표시 get메소드 : 시스템에 설정된 날짜 중에서 월과 일만 개별적으로 추출 getYe..

2021.11.02