📕 Frontend/JavaScript

[모던 자바스크립트]는 아래 튜토리얼 과정을 바탕으로 작성하였습니다. 클래스 ko.javascript.info1. 클래스와 기본문법JS를 사용하다보면 동일한 종류의 객체를 여러 개 생성해야 하는 경우가 있습니다. 이럴 때 new function을 통해 객체를 만들수도 있습니다만, JS도 자바와 마찬가지로 class라는 문법을 사용하여 객체를 만들 수도 있습니다. 기본 문법기본문법은 비슷합니다. class MyClass { constructor() { ... } method() { ... }} 조금 다른 점이 있다면, constructor()는 new에 의해 자동으로 호출되어, 특별한 절차없이 객체를 초기화 할 수 있다는 점입니다.더 구체적인 예시를 살펴봅시다.class User { con..

[모던 자바스크립트]는 아래 튜토리얼 과정을 바탕으로 작성하였습니다. 객체: 기본 ko.javascript.info 객체 프로퍼티 설정 ko.javascript.info 이번에는 이전 포스팅의 자료형 파트에서 짧게 설명했던 "객체"에 대해 자세히 알아봅시다.1. 객체객체형 타입을 제외한 나머지 7가지 타입들은 하나의 변수에 하나의 데이터만 담을 수 있었습니다. 이런 유형들을 원시(primitive) 타입이라 부릅니다. 하지만 객체형은 다릅니다. 하나의 변수에 다양한 데이터를 담을 수 있습니다. 객체 타입에는 key로 구분된 데이터 집합이나 복잡한 개체를 저장할 수 있습니다. 자바스크립트를 잘 다루려면 이 객체를 잘 이해하고 있어야 합니다. 객체는 중괄호 {}를 사용해서 만들거나 new Object()를 ..

[모던 자바스크립트]는 아래 튜토리얼 과정을 바탕으로 작성하였습니다. 모던 JavaScript 튜토리얼 ko.javascript.info 모던 자바스크립트 Deep Dive 과정으로 가기 앞서 문법으로서의 자바스크립트부터, 브라우저에서 동작하는 자바스크립트까지 한 번 쭉 다뤄봅시다.. 문법적인 내용들은 언어마다 비슷한 부분들이 많기 때문에 기존에 알던 파트들은 요약하거나 생략했다는 점 참고해주세요.1. Html에서 js 사용하기script 태그 스크립트 후 HTML4 에서는  이와 같이 자바스크립트 코드를 html에 직접 보여주지 않고 별도의 파일로 분리한다면 가독성을 올릴 수 있겠습니다.뿐만 아니라 스크립트를 별도의 파일에 작성하면 브라우저가 스크립트를 다운받아 "캐시"에 저장하기 때문에 성능상의 이..