본문 바로가기

javascript12

계산된 프로퍼티 computed property 계산된 프로퍼티 (computed property, 연산 프로퍼티) 저장 프로퍼티와 다릴 저장 공간을 갖지 않고, 다른 저장 프로퍼티의 값을 읽어 연산을 실행하거나, 프로퍼티로 전달받은 값을 다른 프로퍼티데 저장한다. 쉽게 말하면 키(key) 값에 변수 또는 함수를 넣고 싶을때 사용된다. let a = 'age'; // 변수 a 에 age 값을 할당 const user = { name: 'Mike', [a]: 32, // computed property } // user 객체에 변수 [a]에 할당된 값을 불러옴 > 이것을 computed property 라고 불음 아래와 방식 외에도 식 자체를 넣는것도 가능 const user = { [1+4]: 5, ['안녕' + '하세요']: 'Hello', } co.. 2023. 2. 17.
Javascript 란? html로 골격을 잡으면 css는 잡혀진 골격을 예쁘게 꾸며주는 역할을합니다. 이 둘까지는 이미지처럼 보여주기 역할을 한다면 javascript는 웹페이지의 동작을 책임져요! javascript는 지금까지 많은 업데이트를 해왔는데 업데이트를 했다고 해서 그 전버전이 삭제되거나 새로운 버전이 나온다고 해도 기능들을 막 추가할 수는 없습니다. 이유는 왜그럴까요? 이미 그 전버전으로 배포된 웹사이트들이 많기때문에 전 버전을 삭제해버리면 많은 오류를 낼 수 있기 때문이에요 그래서 javascript에는 처음 설계자가 실수한 오류조차도 javascript에 아직 그대로 남아있습니다. 자바스크립트의 버전 ES1 (초판, 1997) ES2 (1998) ES3 (1999) ES5 (2009, 엄격모드, 배열메서드 (m.. 2023. 2. 8.
자료형 과 형변환 자료형 (data) 원시타입(primitive types): Number, String, Boolean, null, undefined, symbols( Es6추가, 변경 불가능한 유일한 값) 참조 타입(reference types): object(object, array, map, set, function (변경가능) // 변경 불가능한 원시타입 let x = 'hello'; console.log(x[0]); // 'h'호출은 가능 x[0] = 'd'; // h를 d 로 변경 시도 console.log(x); // 똑같이 'hello' 출력. 변경되지 않음 // 변경 가능한 참조타입 let arr = [10, 20, 30]; arr[0] = 50; console.log(arr); // [50,20,30].. 2023. 2. 8.
javascript 변수 변수 어떤 정보에 이름을 붙여서 저장하고 싶을때 사용 *아래 예제 코드에서 Mike는 " (따옴표)로 감싸져 있고 32는 감싸져 있지 않는데 자바스크립트에선 문자형(string)만 따옴표로 감싸줘야함! 만약 문자형에서 따옴표를 붙이지 않는다면 에러 발생 name = "Mike"; age = 32; // name 이라는 변수에 Mike라는 값이, age 변수엔 32이라는 값이 들어가 있는 상태 - 앞으로 예제를 위해 아래 방법으로 변수에 접근할 것임 alert(), console.log() name ='Mike' alert(name); console.log(name); //웹 사이트의 console 창에 보면 "Mike" 라고 출력도히는걸 볼 수 있음 변수 이름 규칙 프로그래밍 언어에서 이름을 붙일 때 사.. 2023. 2. 7.

티스토리툴바