본문 바로가기
[Spring] 스프링이란?? Spring framework 자바 엔터프라이즈 개발을 위한 오픈 소스 애플리케이션 프레임워크를 말한다. 자바 객체를 담고 있는 경량 컨테이너로서 자바 객체의 생성, 소멸과 같은 라이프 사이클을 관리하는 역할이다. DI(Dependency Injection), AOP(Aspect Oriented Programming), MVC(Model View Controller), 트랜잭션, 보안 등의 기능을 지원한다. 스프링프레임워크는 사용자가 아니라 프레임워크에 컨트럴 제어권이 있어서 필요에 따라 스프링에서 사용자의 코드를 호출할 수 있다. 이를 IOC 제어의 역흐름이라고 한다. 주요 특징 컨테이너 역할을 수행 spring 컨테이너는 객체의 라이프스타일을 관리하고 컨테이너로부터 필요한 객체를 가져와 사용할 수 있.. Framework/Spring 2020. 11. 24.
[CSS] display 속성 : grid grid display:grid grid-template-columns / grid-template-rows / gap display: grid를 주게되면 grid 관련 속성을 사용할 수 있다. 가장 기본적으로는 열과 행의 수와 너비를 정의하는 grid-template-columns 과 grid-template-rows가 있다. 그리고 행과 열간의 간격을 정의하는 gap 속성도 있다. 예제) 위의 속성을 이용하여 간단한 레이아웃을 잡아보았다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 Insert title her.. Web/CSS&HTML 2020. 11. 24.
[CSS] display 속성 : block & flex 해당 게시글은 노마드코더: cssLayout 마스터 클래스를 수강하며 요약한 필기본입니다. display 속성이란? 위치를 제어하고싶은 태그의 부모 태그에서 설정하는 스타일 속성중 하나로 주로 반응형 웹을 제작할때 사용하는 속성이다. display의 기본적인 설정은 block display 속성을 수정하지 않은 기본값은 block으로 설정되어 있는데, 이때 자식 태그들은 세로로 정렬하게된다. 이때 태그들의 width/height값이 존재해야한다는 특징이 있다. 여기서 inline-block을 주게되면 block(box)의 특징을 유지하면서 inline으로 정렬하게 된다. 이러한 block/inlineblock 은 반응형이 아닌 고정적이기때문에 크기조정시 디자인이 파괴될 우려가 있다, display : f.. Web/CSS&HTML 2020. 11. 22.
[jQuery] 셀렉터(2) 기본 필터 셀렉터 셀렉터 설명 :contains(text) 지정된 text 내용을 포함하는 엘리먼트 선택 :empty 자식을 가지지 않은 엘리먼트 선택 :has(selector) 지정된 selector와 일치되는 엘리먼트를 포함하는 엘리먼트 선택 :parent 빈 엘리먼트를 제외하고, 텍스트도 포함해서 자식 엘리먼트를 가지는 엘리먼트 선택 가시 필터 셀렉터 셀렉터 설명 :hidden 감춰진(hidden) 엘리먼트 선택 :visible 보이는(visible) 엘리먼트 선택 속성 필터 셀렉터 셀렉터 설명 [attribute] 지정된 속성(attribute)을 가지는 엘리먼트 선택 [attribute=value] 지정된 속성(attribute)과 값(valu)을 가지는 엘리먼트 선택 [attribute!=va.. Web/jQuery 2020. 11. 17.
[jQuery] 주요 셀렉터 & 필터 셀렉터 DOM의 요소(엘리먼트)를 선택하는 셀렉터 셀렉터 설명 $("*") 모든 요소를 선택 $("#ID") 아이디가 ID인 모든 요소 선택 $("T") 이름이 T인 모든 요소 선택 $("T t") 이름이 T인 요소의 자식 요소중 태그 이름이 t 인 모든 요소 선택 $("T > t") T 요소의 바로 아래 자식은 t요소와 일치 $("T1 + T2") T1요소의 바로 다음에 나오는 형제요소 T2와 일치 $("T1 ~ T2") T1요소의 다음에 나오는 모든 형제요소 T2와 일치 $("T [attr]") attr 의 속성을 가지고 있는 모든 T 요소 선택 $("T [attr=val]") attr 의 속성에 대한 값이 val을 가지고 잇는 모든 T 요소 선택 $("T [attr^=val]") attr 의 속성에 대한 .. Web/jQuery 2020. 11. 17.

티스토리툴바