Coding 24 [CSS] 스타일 우선순위 CSS Style 우선순위 전체적으로 !important 키워드를 사용한 스타일 inline style id class, 수도 클래스 tag, 수도 엘리먼트 동일 우선순위 중 같은 파일 내에서 나중에 작성된 것 (파일 아래에 있는 것) 먼저 작성된 것 (파일 위에 있는 것) 2023. 3. 27. [JavaScript] 브라우저 로드 트리거 : DOMContentLoaded vs load DOMContentLoaded, load 호출 시점 DOMContentLoaded HTML이 모두 로드되고 DOM 트리가 완성된 후, 외부 리소스 (img src 등)가 아직 로드되지 않았을 때 실행한다. DOM이 준비 상태이기 때문에 DOM 노드를 제어할 수 있다. jQuery에서의 ready와 유사하다. IE8 이하에서는 지원하지 않았기 때문에 잘 사용되지 않았다. load 브라우저에 모든 리소스(img, style, script 등)이 로드되었을 때 실행한다. DOMContentLoaded보다 로드되는 시점이 늦다. 모든 리소스가 로드된 상태이기 때문에 리소스들의 속성(이미지 크기 등)을 얻을 수 있다. 주요 차이 DOMContentLoaded jQuery에서의 ready와 유사하다. DOM이 준비.. 2023. 3. 27. [Javascript] 함수 선언 아래와 같은 방식으로 선언하여 사용할 수 있다. function 함수이름 { // ... return 반환값; } 다만, Java에서의 메소드 오버로딩(참고)과 같은 것을 허용하지 않기 때문에 같은 이름의 함수는 하나만 정의하는 것이 좋다. 인수 전달 방식 원시형 타입(number, string, boolean)은 값(call by value)으로 전달된다. 반면, 객체는 참조(call by reference)로 전달된다. Return return이 없으면 암묵적으로 undefined를 반환한다. 익명 함수, 기명 함수 함수를 표현식처럼 사용할 수 있다. 주로 이벤트 처리를 위해 많이 사용되는 방법이다. 익명 함수와 기명 함수로 구분할 수 있는데 함수 내부에서 스스로 호출할 수 있는지/없는지가 가.. 2023. 3. 22. [CSS] 선택자 선택자 태그로 선택 특정 태그로 작성된 요소들을 선택한다. 태그종류 {...}로 사용할 수 있다. 예를 들어, div {...}는 div 태그로 작성된 요소들을 선택한다. id로 선택 특정 id를 갖는 요소들만 선택한다. #id이름 {...}으로 사용할 수 있다. 예를 들어, #root {...}는 root라는 id를 가지는 요소를 선택한다. 하나의 id는 하나의 요소에만 해당하고, 하나의 요소는 최대 하나의 id만 갖는 것을 원칙으로 한다. class로 선택 특정 class를 갖는 요소들만 선택한다. .class이름 {...}로 사용할 수 있다. 예를 들어, .parent {...}는 parent라는 클래스에 해당하는 요소들만 선택한다. 복합 선택 여러 속성/특성들을 함께 지니고 있는 요소들을 선택할 .. 2023. 3. 21. [HTML] colgroup colgroup colgroup을 이용하면 열에 한번에 같은 스타일을 지정할 수 있다. bgcolor 배경색을 지정할 수 있다. css에서의 배경색처럼 RGB 코드 혹은 사전 정의된 색상 등을 사용하면된다. span col 태그 내의 span 속성을 이용하면 이웃하는 다음 n개의 열까지 포함하여 같은 스타일을 부여할 수 있다. 디폴트는 1이다. 해당열과 다음 열까지 포함하고 싶다면 2가 된다. 그 외 그 외의 속성들은 아래 참고에 링크를 걸어놨으니 확인할 수 있다. 참고 https://developer.mozilla.org/ko/docs/Web/HTML/Element/colgroup - HTML: Hypertext Markup Language | MDN HTML 요소는 표의 열을 묶는 그룹을 정의합니다... 2023. 3. 21. 이전 1 2 3 4 5 다음
