클래스 기반 객체 지향 프로그래밍 ⇒ 자바, 파이썬, C++ 클래스 기반 언어에서 클래스란 객체의 상태와 기능을 정의한 설계도이다. 클래스의 인스턴스화로 생성된 객체를 인스턴스라고 한다. 여기서 인스턴스는 클래스에서 정의된 모든 특성에 대한 복사본(copy)이기 때문에 두 개념은 개별적이며 서로 간의 참조는 존재하지 않는다. 프로토타입 기반 객체 지향 프로그래밍 ⇒ 자바스크립트 프로토타입 기반 언어에서는 클래스 - 인스턴스의 개념이 아닌 오직 객체 개념만 존재한다. 다시 말하지만, ES6에 도입된 클래스 문법은 실제 클래스 패턴에 대한 모방일 뿐이다. 클래스 - 인스턴스의 개념이 아닌 오직 객체 개념만 존재한다는게 무슨 말이지? 자바에서는 Class설계도만을 작성한다 해도 Heap영역 메모리 공간을 할당..

배치 방법을 정하는 position속성 position 속성값 static : 기본값, 문서에 작성한 대로 정상적인 흐름(normal flow)에 맞춰 배치한다. relative : 원래 자신이 있어야 할 위치(static 위치)에서 상대적인 위치를 설정할 수 있다. normal flow를 따른다. absolute relative로 설정된 상위 요소(부모 요소)를 기준으로 위치를 지정한다. 부모 요소 중에 없으면 상위 요소를 찾아보고, 그래도 없으면 더 위의 요소를 찾는다. 조상에 position속성이 relative로 적용된 것이 없으면, root요소()를 기준으로 설정한 위치 기준이 적용된다. absolute는 normal flow에서 벗어난다. 따라서, normal flow 에 있는 요소들은 abs..