반응형 웹 개발3 [HTML / CSS] :focus 선택자(포커스 선택자) input:hover { CSS Style } input 요소 위에 마우스 커서 올려놓을 때 스타일 지정. input:active { CSS Style } input 요소를 마우스로 클릭하는 순간의 스타일 지정. ※ 실제론 input:focus 스타일에 묻혀 효과 안 나타남. input:focus { CSS Style } input 요소에 커서 위치해 선택된 동안의 스타일 지정. 2022. 1. 31. [spring framework]스프링 프레임워크 DI_의존성주입_생성자 인젝션 (2) 지난번 의존성 주입을 이용해 해결을 하고자 했습니다. 의존성 주입은 [생성자 인젝션]과 [세터 인젝션]두가지가 있습니다. 우리가 xml에 bean을 이용해 클래스를 등록해 놓으면, 컨테이너는 설정파일 (xml)에 등록된 클래스의 객체를 생성할때, 매개변수가 없는 기본생성자를 호출합니다. -> 기본 생상자? SamsungTV() {} 와 같이 ()안에 아무것도 없는것을 말합니다. 그런데, 우리는 기본생성자가 아닌 매개변수가 있는 다른 생성자를 호출 하려합니다. 이것이 [생성자 인젝션]입니다. 위 코드를 SamsungTV클래스에 추가 해봅시다. 우리가 기존에 작성했던것과는 생김새가 다르죠? 위에서 설명한 기본생성자가 아니기 때문입니다. ()안에 Speaker speaker가 추가되었습니다. 그리고 위의 코드.. 2022. 1. 27. [HTML/CSS] 클래스 명과 다중 선택자(.class.class 와 .class .class) CSS에서 다중 선택자로 여러 속성을 동시에 선택하여 적용할 수 있다. .class .class 위와 같이 .class 사이에 공백이 존재하는 경우, 하위 개체로 지정합니다. 만약. .samsung .phone .galaxy 삼성클래스 내부에 폰 내부에 갤럭시에만 스타일을 적용한다. 라는 뜻입니다. .class.class 위와 같이 공백이 없다면, 클래스 속성 모두 설정된 곳에만 스타일을 적용합니다. .samsung.phone 삼성과 폰 모두가 있어야 스타일을 적용합니다. 2022. 1. 26. 이전 1 다음 반응형
