oris9

개인적으로 css를 작성할 때, 가장 감으로 하는 부분인 것 같다. 제대로 이해하고 쓸 수 있도록 공부하자 😡 position 따로 position을 지정해주지 않으면, 기본적으로 요소들은 `static`으로 지정되어있다. 또한 대부분 position은 요소의 정확한 위치 지정을 위해서 `top`, `left`, `bottom`, `right` 속성과 함께 사용된다는 것을 알아두자. ** position을 absolute나 fixed로 설정시 가로 크기가 100%가 되는 block의 특징이 사라지게 된다. 1. static 요소에 적용되는 기본값이다. 요소가 HTML 문서 흐름에 따라 배치되며, top, right, bottom, left 속성이 적용되지 않는다. 2. relative 요소가 HTML ..

Cascading Style Sheets 의 `Cascading` 이란, 폭포처럼 문서의 위에서 아래로 흐르면서 스타일이 적용되는 css의 방식을 설명하는 것이다. 기본적으로, 스타일이 중복될 때는 가장 아래쪽의 스타일이 적용되게되는 것이다. 이러한 css에는 중요한 두가지 원칙이 있다. 1. 스타일은 상속(Inheritance)된다. 부모 요소에서 정의된 스타일 속성들이 자식 요소에게 상속된다. 기본적으로 자식요소에게 상속되지만, 상속되지 않는 요소들과 속성들이 존재한다. 2. 스타일에는 우선순위(Specificity)가 존재한다. 실제 css 에는 단순한 순서만을 고려해 스타일을 적용하지 않는다. 중요도, 명시도, 코드순서를 통해 우선 순위를 정하고 그 우선 순위에 맞게 스타일을 적용시킨다. `중요도..

유용하지만 맨날 헷갈리는 .. 메서드들 🥹🥹🥹🥹🥹 자주 쓰는 단순한 메서드들만 사용하게 되서 적어놓는다. 계속 추가 예정 reduce() 일반적으로 reduce() 는 배열에서 누적값을 다룰 때 사용한다. arr.reduce(콜백함수, 초기값설정) arr.reduce((acc, cur, idx, src)=>{},초기값설정) // 누산기 (acc) // 현재 값 (cur) // 현재 인덱스 (idx) // 원본 배열 (src) // 리듀서 함수의 반환 값은 누산기에 할당되고, // 누산기는 순회 중 유지되므로 결국 최종 결과는 하나의 값이 됩니다. 주의! 초기값을 넣어주지 않으면 배열의 첫번째 요소를 사용한다. 객체 내의 값 인스턴스 개수 세기 var names = ["Alice", "Bob", "Tiff..