이롭게 현명하게

목차 var, let, const란?var 특징let 특징const 특징var를 사용하면 안 되는 이유   varletconst중복선언가능금지금지재할당가능가능금지스코프함수 레벨 스코프블록 레벨 스코프블록 레벨 스코프선언/ 초기화 단계선언단계 + 초기화 단계선언단계선언단계 var, let, const 마다 호이스팅이 다르다. 호이스팅과 스코프에 대한 설명은 아래 게시글을 참고하자! https://devyihyun.tistory.com/131 [JavaScript] 자바스크립트 Scope와 hoisting목차 scope 이해하기hoistingvar의 호이스팅let의 호이스팅호이스팅을 피해야 하는 이유   [scope 이해하기]scope : 변수, 함수를 선언할 때 해당 변수 또는 함수가 사용할 수 있는 범위..

목차 float float-display 수정 clear position position 속성 값 position 특징 [float] float 속성이 추가된 요소는 display 속성의 값이 대부분 block으로 수정된다. float : 요소를 좌우 방향으로 띄움( 수평 정렬 ) flex-box : float을 대체하는 개념으로 생겨났다. 값 의미 기본값 none 요소 띄움 없음 none left 왼쪽으로 띄움 right 오른쪽으로 띄움 float : 방향; img { float : left; } 요소에 float 속성을 적용하면 , 적용된 요소 주변으로 문자(text)가 흐르게 된다. 요소는 위에서부터 아래로 수직으로 쌓이기 시작한다. 사..

목차 px , % em , rem vw , vh vmin , vmax [px , %] px : 해상도에 따른 상대단위 화면에 정확한 픽셀 단위로 절대적으로 고정하는 개념이다. % : 부모 요소의 가로사이즈영향을 받는다. 부모 요소의 영향을 받아서 단위가 완성이 되는것이다. [em , rem] css의 상속과 관련있으며 자식들에게 영향이 가게된다. em : 자기 자신의 폰트 사이즈 크기의 영향을 받는다. font-size가 10px인 width : 600px;를 em으로 변경한다면 width : 60em이다. 부모 font-size가 10px일 때 자식 font-size : 2em 이란 부모 폰트 사이즈의 2배이다.20px의 크기를 가진다. 조상에서부터 영향을 받아오기때문에 유지보수가 힘들다. rem : ..

alpha = [chr(c) for c in range(97,123)] alpha = [chr(c) for c in range(97,123)] print(alpha) // ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'] alpha = [chr(c) for c in range(ord('A'),ord('Z')+1)] alpha = [chr(c) for c in range(ord('A'),ord('Z')+1)] print(alpha) // ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J'..

목차 부모 생성자 호출 메소드 재정의 final 클래스와 final 메소드 class 자식클래스 extends 부모클래스{ } 다중 상속이 불가능하다. [부모 생성자 호출] extends 뒤에 부모 클래스를 기술한다. 이때 여러 개의 부모 클래스를 상속할 수 없다. 그러므로 extends 뒤에는 단 하나의 부모 클래스만 와야 한다. class 자식클래스 extends 부모클래스{ } 상속 관계에서의 생성자 : 슈퍼 클래스와 서브 클래스 각각 각 여러 생성자 작성 가능 서브 클래스 생성자 작성 원칙 : 서브 클래스 생성자에서 슈퍼 클래스 생성자 하나 선택 서브 클래스에서 슈퍼 클래스의 생성자를 선택하지 않는 경우 : 컴파일러가 자동으로 슈퍼 클래스의 기본 생성자 선택 서브 클래스에서 슈퍼 클래스의 생성자를..

[상속 개념] 상속 (Inheritance) : 부모가 자식에게 물려주는 행위. 즉 , 부모 클래스의 멤버를 자식 클래스에 물려줄 수 있다. 부모클래스 = 상위클래스 자식 클래스 = 하위 클래스 or 파생 클래스 상속은 이미 잘 개발된 클래스를 재사용해서 새로운 클래스를 만들어 코드의 중복을 줄여준다. 상속을 해도 부모 클래스의 모든 필드와 메소드를 물려받는 것은 아니다. 부모 클래스에서 private 접근 제한을 갖는 필드와 메소드는 상속 대상에서 제외된다. 부모 클래스와 자식 클래스가 다른 패키지에 존재한다면 default 접근 제한을 갖는 필드와 메서드도 상속 대상에서 제외된다. 클래스 수정을 최소화 할 수 있다. 중복된 코드를 줄일 수 있다. 유지보수 시간을 최소화시켜준다. 객체 다형성 구현 가능..