놓치기 쉬운 정보 저장

풀 다운 메뉴와 토글 사이드바를 종합한 실습(5분 안에 완성하기)

주요 사용 태그

• position:fixed; → 화면이 스크롤해도 끊김 없이 계속 나옴
• transition:태그명 1s; → 사이드바 나오고 사라지는 효과(시간대별로 느리게 빠르게)
• 태그명:hover  → 마우스 올리면 나오는는 효과
• display:inline-block; → 높이, 너비를 지정하지 않는 한, 최소한으로 줄어들게 하기, 가능한 최대한 한줄에 쓰기
• white-space:nowrap; → 줄바꿈 금지
• a:not(:only-child)::after  → 새로운 막내 자식 추가.(after은 맨 뒤에 표시, only-child 는 자식이 있는 부모 태그는 모두 표시하나 not이 표시되어 반대로 표시)
• content: "[+]"; → after에 이어서 작성해주어야 해당 태그가 막내 자식이 추가됨.
• border:2px solid blue; → 테두리 효과

** 역시 반복 숙달하면서 익히는게 제 맛이네요.

See the Pen Untitled by yeomboyeon (@yeomboyeon) on CodePen.

interface, 인터페이스에 대해서 알아보겠습니다.

개념 : 동일한 목적 하에 동일한 기능을 수행하게끔 강제하는 것입니다. 자바의 다형성을 극대화하여 개발코드 수정을 줄이고 프로그램 유지보수성을 높이기 위해 인터페이스를 사용한다.

abstract, 추상 메서드에 대해서 알아보겠습니다.

개념 : 자식 클래스에서 반드시 오버 라이딩해야만 사용할 수 있는 메서드를 의미합니다. 자바에서 추상 메소드를 선언하여 사용하는 목적은 추상 메서드가 포함된 클래스를 상속받는 자식 클래스가 반드시 추상 메서드를 구현하도록 하기 위함입니다.

Object 최상위 클래스에 대해서 알아보겠습니다.

Object 클래스 : 모든 자바 클래스의 부모 클래스이며 모든 자식 클래스는 Object의 메서드를 가집니다.

* System.out.println(new A()); 와 같이 모든 클래스 타입을 출력할 수 있었던 이유가 바로 이 클래스가 있기에 가능합니다.

class A "  " {  }   >> "  " 부분에 별도로 추가하지 않으면 extends Object 자동으로 추가되어 있습니다.

가장 많이 쓰는 메서드 일부만 알아보겠습니다.

super & super()에 대해서 알아보겠습니다.

super  : 객체 리터럴 또는 클래스의 [Prototype] 속성에 액세스 하거나 슈퍼클래스의 생성자를 호출하는 데 사용되고, 필드명 중복 또는 메서드 오버라이딩으로 가려진 부모의 필드/메서드를 호출하기 위해 주로 사용합니다.

코드 중복 및 메모리 사용 절약을 위해 활용합니다.

super() : 생성자 내부에서만 사용 가능, 반드시 중괄호 이 후 첫 줄에 위치하여야 합니다. 자식 클래스 생성자의 첫 줄에는 반드시 this() 또는 super()이 포함되어야 합니다.

이상 super & super() 에 대해서 알아보았습니다.