일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Jenkins
- 내장객체
- start.spring.io
- Short
- boxing
- bootstrap
- 싱글톤
- 루프
- 싱글턴
- 언박싱
- suvlet
- Java
- 박싱
- 무한
- 자동형변환
- 인텔리제이
- Scanner
- 콜렉션
- 메소드
- maven
- wrapper
- 빌드
- 스프링
- dependency
- 클래스
- unboxing
- 제네릭
- 컬렉션
- https://start.spring.io
- 제너릭
- Today
- Total
목록K-DigitalTraining 강의 (333)
Developer Gonie

list-style-image : 리스트 원소 앞에 위치하는 도형의 모양을 지정해줄 수 있는데, 사진으로도 변경이 가능하다. list-style : 앞에 위치하는 모양을 없애거나 벼경할 수 있다.
onLoad 속성 onLoad 속성은 이 속성을 지정해준 요소가 완전히 로드되면, 자동으로 호출되는 함수를 지정할 수 있다. 다른 태그에서도 지정 가능한 속성이나, 주로 태그 내에서 사용된다. 단, 태그에 속성을 추가해주는 방법 외에도 아래와 같이 자바스크립트 코드에서 바로 작성할 수 있는 방법도 있다. //방법1. html 태그 내에 속성을 추가하여 사용하는 방법 //방법2. html에서 속성을 추가하는 것 없이 javascript에서 자동호출되는 onload 관련 함수를 정의 window.onload = function(){ alert("asasdsadaad"); } 지원되는 HTML 태그 , , , , , , , 과

선택박스 만들기1(완전 기본, 이벤트 처리기능도 없는 상태) - onChange 속성을 주지 않은 상태여서 다른걸 선택한다 해도 그뿐이지, 이벤트를 다룰 수 없다. - selected 는 선택된 요소를 의미하며, 원래는 selected="selected" 이나 속성이름과 값이 같아서 값을 생략한 것이다. 요소1 요소2 요소3 선택박스 만들기2(이벤트만 javascript로 처리하는 방식) * option으로 들어가는 요소가 많지 않은 경우 사용되는 방식 * onChange속성에서 '선택된 원소가 변경될 시 호출될 함수'를 지정해 줄 수 있는데, 이는 Javascript로 작성됨 (((링크))) Text1 Text2 Tex3 선택박스 만들기3(이벤트처리, option태그 추가 모두 javascript로 하..

+ font-family : 글꼴을 지정하며 보통은 여러개를 나열함(존재하는 단 1개만 적용됨) + font-style : 글자 기울기 + font-weight : 글자 굵기 + font-size : 글자크기 + background-color : 글자 배경색 + color : 글자색깔 + width : 한 줄을 다 차지하는 블록 요소의 너비를 줄이고자 할 때 사용함 + font : 한 줄로 나열해서 작성시 사용(입력할 때 순서가 존재함에 주의) + text-decoration : 밑줄 관련 속성 나열 한번 하는 경우 사용(두께, 선색, 모양 등 지정가능) none 으로 주어 a 태그로 링크걸시 자동으로 추가되는 밑줄을 안보이게 할 수 있기도 하다. + text-align : 요소 내에서의 텍스트 위치 정..

선택자 간의 우선순위 상속을 받으면 여러개의 영향을 동시에 받을 때가 있는데, 선택자들 간에는 우선순위가 존재하여 우선순위가 가장 높은 하나만 실제 적용된다. 이들 간의 우선순위는 다음과 같다. !important > 인라인 스타일 방식(style="") > id 선택자 > 클래스=속성=가상 선택자 > 태그 선택자 > 전체 선택자 대체로 지정 범위가 넓은 것의 우선순위가 낮은 것을 알 수 있다. 단, 조상의 것을 상속받은 상태에서 선택자로 다시한 번 지정해주면 이게 덮어쓰기가 되나봄(아래에서 p 태그가 그 예시) !important 를 사용하면 아무리 우선순위가 낮은 인라인 스타일 방식이더라도 최우선순위로 지정 된다. 실제 예시

상속 부모 요소에서 지정한 속성이 그대로 자손 요소들에게 적용되는 것을 상속이라고 한다. 상속을 받으면 여러개의 영향을 동시에 받을 때가 있는데, 선택자들 간에는 우선순위가 존재하여 우선순위가 가장 높은 하나만 실제 적용된다. 선택자들 간의 우선순위에 대한 글을 아래 게시물을 참고 https://ldgeao99-developer.tistory.com/367 예시 css 코드에서 id가 cookingSrc 인 요소 즉, div 요소에만 지정하여 글씨를 빨간색으로 적용시켰는데 div 하위에 있는 자손들 h2, p, span 모두에게도 같은 효과가 적용된 것을 볼 수 있는데 이것은 상속이 이뤄졌기 때문에 그런것이다.

하이퍼링크 관련, 가상 클래스 선택자 하이퍼링크 걸려있는 부분에 대해, 마우스 포인터의 접근 상태에 따라 서로 다른 디자인을 주고자 할때 사용된다. class 속성을 설정한 것 처럼 동작하여 붙여진 이름이다. /* 아직 방문하지 않는 것에 대해서 마우스를 올려두면 연두색으로 형광펜이 쳐짐 */ a:link{ background-color: #cf3; } /* 한 번 방문한 것에 대해서 마우스를 올려두면 핑크색으로 형광펜이 쳐짐 */ a:visited{ background-color: pink; } 사용예시

자손 결합자 부모의 한다리 건너를 포함, 두다리, 세다리 쭈욱 모든 자손을 지정하는 선택자이다. ' ' 스페이스를 자손 결합자라고 하며 인자는 2개 이상이 될 수 있으며, 그 인자는 요소(태그) 이거나 다른 선택자일 수 있다. /* dl요소의 한다리, 두다리, 세다리 쭈욱 모든 자손중에 span인 요소를 모두 지정하는 선택자이다. */ dl span{ } /* 자손결합자의 인자로 id선택자와 요소를 같이 사용한 예시*/ #mylove li span{ } ... 재료 쇠고기 200g, 다진 파 1큰술, ..., 튀김기름 감자 1개 두부 1/2모 사용예시

자식 결합자 부모의 바로 아래, 즉, 한다리 건너에 위치한 자식요소만을 지정하는 선택자이다. 부모의 바로 아래 위치한 자식이 아니라 두 다리 건너에 위치한 자식 요소는 선택이 불가능 하다.(동작안함) '>' 를 자손 결합자라고 하며 인자는 2개 이상이 될 수 있으며, 그 인자는 요소(태그) 이거나 다른 선택자일 수 있다. /* h2요소의 바로아래 자식 span만을 지정 */ h2 > span{ } /* dl요소의 바로아래 자식 dt만을 지정 */ dl > dt{ } /* dl요소의 바로아래 자식 dd만을 지정(단, dd 안쪽의 span은 dd의 영향을 상속받아 같이 적용됨) */ dl > dd{ } /* dl요소 바로 아래 속한 자식이 아니라 작동 안됨 */ dl > span{ } /* span을 지정하..

그룹 선택자 태그(요소) 혹은 선택자들을 ',' 를 사용하여 나열하여 이들 모두에 공통으로 해당하는 CSS 코드를 작성할 수 있는 방식이다. 사용예시

전체 선택자 html 파일내에 존재하는 모든 태그(요소)를 한 번에 지정한다. 사용예시

속성 선택자 * Jquery의 filter, not의 인자로 사용되기도 함 1) 특정 태그가 특정 속성을 가지는 것들을 모두선택 2) 특정 태그가 특정 속성을 가지며, 그 속성에 지정한 값이 완전히 일치하는 것들을 모두선택 3) 특정 태그가 특정 속성을 가지며, 그 속성에 지정한 값이 내가 적어준 값으로 시작하는 것들을 모두선택 4) 특정 태그가 특정 속성을 가지며, 그 속성에 지정한 값이 내가 적어준 값으로 끝나는 것들을 모두선택 5) 특정 태그가 특정 속성을 가지며, 그 속성에 지정한 값이 내가 적어준 값을 포함하는 것들을 모두선택 /* 1번 케이스: 특정 태그가 특정 속성을 가지는 것들을 모두선택 */ a[target] { } /* 2번 케이스 : 특정 태그가 특정 속성을 가지며, 그 속성에 지정한..