뇌의 외장하드

기능 block Element 태그 하나가 브라우저에서 좌우 공간을 다 차지하며 독립적인 덩어리 공간을 가짐 내부에 block과 inline 포함 가능 body 영역 정의 ~ body 제목 부분 정의 inline element만 포함가능 문단(paragraph) 정의 inline element만 포함가능 순서화 되지 않은 목록(unordered list) 정의 순서화 된 목록(ordered list) 정의 각 목록 정의 or 의 자식 요소 inline Element 태그 하나가 브라우저에서 실제로 코딩된 영역만 차지(좌우로 다른 태그 위치 가능) 내부에 block 포함 불가 body 영역 정의 이동(hyperlink) 정의 다음 줄에서 시작하도록 함(enter 기능) 글자 기울임 강조 글자 굵게 강조 이..

Selector 규격 ex 적용 대상 Element Universal Selector (전체 선택자) *{속성: 속성값;} *{} 전체 Type Selector (태그 선택자) 태그 명 { } p { }, h1{ } ... 태그 명에 해당하는 모든 Element Class Selector (클래스 선택자) 클래스 명 { } .class1 { } ... 속성에 class="class1" ID Selector (ID 선택자) #아이디 명 { } #id1 {} 속성에 id = "id1" id 는 각 태그마다 고유해야 함 Descendant Combinator (하위 선택자) 클래스명 하위태그 { } .tb td {} 속성에 class="tb"가 주어진 태그의 하위태그 명에 해당하는 모든 Element Chil..

선언 DOCTYPE html> 처음 헤드 HI 문서의 정보 문서의 제목 및 인코딩 형태 등 바디 hello 문서의 내용 모니터에 표현되는 부분 끝 CSS 선택자, 더보기 HTML HTML Element 의 조합 Ex) CSS 선택자(selector){ property1: property-value1; property2: property-value2; } 이벤트 사용자가 웹 페이지 내에서 하는 행위에 관한 element 더보기 style 관련 해당 글씨 = 해당 글씨 - 변경에 용이함. - 부분을 css파일에 담으면 됨. Javascript - JS 로직을 통해 문서의 구조와 스타일에 변화를 줄 수 있음. - 브라우저에서 JS가 HTML, CSS에 접근할 수 있는 API를 제공 ● 기본의 기본 - 표현 변..

- 별도의 모든 범위를 담을 수 있는 리스트 선언 후, 한번에 반환받는 방식(비교 기반이 아님) - 특정 조건 부합시에만 사용 가능(데이터가 정수 형태 / 데이터의 범위 ≤ 1,000,000) 시간 복잡도 : O(N + K) 공간 복잡도: O(N + K) 범위의 끝과 끝 두값이 있는 경우, 비효율적 N: 데이터의 개수, K: 데이터의 최대값 array = [7, 5, 9, 0, 3, 1, 6, 2, 9, 1, 4, 8, 0, 5, 2] count = [0] * (max(array) + 1) #0 ~ 9 면 10개임 for i in range(len(array)): count[array[i]] += 1 for i in range(len(count)): for j in range(count[i]): prin..

- Pivot(큰 값 작은 값을 교환할 때의 기준)을 사용 - Pivot이 이동된 경우 Pivot을 기준으로 좌 우를 별개로 나눠 교환 반복 - 가장 많이 사용되는 정렬 알고리즘, 대부분의 정렬 라이브러리의 근간 시간 복잡도 : O(NlogN) 최악의 경우 O(N^2) - 이미 정렬된 경우, 인덱스 n(n-1, n-2 ..._)부터 Pivot까지 공간 복잡도: O(N) #파이썬이 지리는 형태 array = [5, 7, 9, 0, 3, 1, 6, 2, 4, 8] def quick_sort(array): #리스트가 하나 이하의 원소가 남았을 때, 종료 if len(array) = end: # 원소가 1개인 경우 종료 return pivot = start left = start + 1 right = end w..