자바스크립트 공부
-
모던 자바스크립트 Deep Dive # 1Javascript& React study 2021. 11. 20. 09:26
컴파일러는 개발자의 언어와 컴퓨터의 언어를 모두 이해하는 번역가이다. 프로그래밍의 목적은 문제 해결이다. const number = "string"; // 문법적으로는 문제가 없지만 의미적으로는 문제가 있다. console.log(number*number);// NaN 자바스크립트의 변수에는 어떠한 타입의 값도 할당할 수 있다. number라는 이름의 변수에는 숫자를 할당하는 것이 의미적으로는 옳다. 작성된 코드는 해결 방안의 구체적인 구현물이다. 프로그래밍의 언어의 문법에 부합하는 것은 물론이고 수행하고자 하는 바를 정확하게 수행하는 것 즉 요구사항이 실현되어야 의미가 있다. 💡 프로그래밍은 요구사항의 집합을 분석해서 적절한 자료구조와 함수의 집합으로 변환한 후 그 흐름을 제어하는 것이다. 렌더링(Re..
-
[JAVASCRIPT-모던자바스크립트] 객체 기본에 대해서 알아보자2Javascript& React study 2021. 10. 8. 05:00
변수 key는 런타임에 평가가 되기 때문에 사용자 입력값 변경 등에 따라 값이 변경될 수 있는데 점 표기법은 이러한 방식이 불가능하다고 볼 수 있다. let user = { name : "John", age : 30 }; let key = "name"; console.log(user.key); // undefined 계산된 프로퍼티 객체를 만들 경우 객체 리터럴 안의 프로퍼티 키가 대괄호로 둘러싸여 있는 경우에는 이를 계산된 프로퍼티(computed property) 라고 부른다. let fruit = prompt('어떤 과일을 구매하시겠습니까?','apple'); let bag { [fruit]: 5, // 변수 fruit에서 프로퍼티 이름을 동적으로 받는다. } console.log(bag.apple..
-
[JAVASCRIPT-모던자바스크립트] 객체 기본에 대해서 알아보자Javascript& React study 2021. 10. 7. 05:00
자바스크립트에서는 총 8가지 자료형이 있다. 이중에서 7개는 하나의 데이터 (문자열,숫자만)담을 수 있기 때문에 원시형 (primitive type)이라고 부른다. 객체는 다양한 데이터를 담을 수 있다. 객체는 중괄호 {...}를 이용해서 만들 수 있다. 중괄호 안에는 ‘키(key): 값(value)’ 쌍으로 넣을 수 있는 프로퍼티(property)를 여러개 넣을 수 있다. 키에는 문자형, 값에는 모든 자료형이 허용된다. let user = new Object(); // '객체생성자' let user = {}; // '객체 리터럴' 리터럴과 프로퍼티 중괄호 {...}안에 는 '키:값' 쌍으로 구성된 프로퍼티가 들어간다. '콜론(:)'을 기준으로 하여 왼쪽에는 키가 오른쪽에는 값이 위치한다. let use..