100세까지 코딩

화면에 고정하기 - position : fixed 브라우저의 전체 화면을 기준으로 고정 배치 top, left, bottom, right와 같은 offset 속성 사용 - z-index : 숫자가 높을 수록 가려지지 않고 앞으로 배치 .sidebar { position: fixed; left: 0; bottom: 0; top: 55px; background-color: #212121FF; width: 72px; z-index: 200; padding-top: 5px; } flex박스를 이용한 세로 가운데 정렬 - display : flex 복잡한 레이아웃을 간단하게 구현 가능 (요소 크기, 순서, 배치, 정렬, 분산 등) - flex-direction : column 주축을 세로로 row(default)..

사용자 지정 속성 - CSS를 작성하는 자가 정의하는 개체로, 문서 전반적으로 재사용할 임의의 값을 담는다. 사용자 지정 속성 정의 :root { --primary : #FFFFFF; --secondary : #FAFAFA; --border: #DBDBDB; --story-border: #c7c7c7; --text-dark: #262626; --text-light: #999999; } :root.darkTheme { --primary: #000000; --secondary: #050505; --border: #262626; --story-border: #707070; --text-dark: #FAFAFA; --text-light: #999999; } var()로 적용 .header_search input..

혼공컴운 강의를 참고했습니다. 1. 명령어 파이프라인 - 동시에 여러 개의 명령어를 겹쳐 실행하는 기법. 명령어 처리 과정 : 인출 -> 해석 -> 실행 -> 저장 같은 단계가 겹쳐지지 않으면 '각 단계를 동시에 실행할 수 있다.' 2. 파이프라인 위험 - 명령어 파이프라인이 성능 향상에 실패하는 경우 ◆ 데이터 위험 - 명령어 간의 의존성에 의해 발생 : 모든 명령어를 동시에 처리할 수 없다. ◆ 제어 위험 - 프로그램 카운터의 갑작스러운 변화로 인해 발생 분기 예측 : 프로그램 카운터가 어느 번지로 갈 것인지 미리 예측. ◆ 구조 위험 - 서로 다른 명령어가 같은 CPU 부품을 쓰려고 할 때 발생 3. 슈퍼스칼라 - CPU 내부에 여러 개의 명령어 파이프라인을 포함한 구조 이론적으로는 파이프라인 개수..

혼공컴운 강의를 참고했습니다. 1. 클럭 - 1 초 동안 파장이 한 번 움직이는 시간. CPU의 속도를 나타내는 단위 컴퓨터 부품들은 '클럭 신호'에 맞춰 일사불란하게 움직인다. 클럭 속도 ↑ = CPU속도 ↑ 헤르츠(Hz) : 1초에 클럭이 반복되는 횟수. ex) 100Hz : 1초에 100번 클럭 반복. 클럭 신호 마냥 높이면? (오버 클럭) : 발열 심각해짐. 2. 코어와 멀티코어 오늘날 CPU에는 '명령어를 실행하는 부품'이 여러 개. 코어 : '명령어를 실행하는 부품'. 멀티코어 : 2개 이상의 코어를 포함하고 있는 CPU. ex) 싱글코어, 듀얼코어,쿼드코어 코어 수에 비례하여 속도 증가? X 속도 증가를 위해선 코어마다 처리할 연산의 적절한 분배가 중요. 처리할 연산보다 코어수가 많으면? =..

혼공컴운 강의를 참고했습니다. 1. 명령어 사이클 일반적 : 인출 -> 실행 -> 인출 -> 실행 바로 실행이 불가능한 경우 (간접 주소 지정 방식) : 인출 -> 간접 -> 실행 -> 인출 2. 인터럽트 동기 인터럽트 : CPU가 예기치 못한 상황에 접했을 때 비동기 인터럽트 (하드웨어 인터럽트) : 입출력 장치에 의해 발생 - 입출력 작업 도중에 효율적으로 명령어 처리하기 위해 사용 (CPU는 다른 일 가능) 3. 하드웨어 인터럽트의 처리 순서 인터럽트 요청 신호 : CPU의 작업을 방해하는 인터럽트에 대한 요청 인터럽트 플래그 : 인터럽트를 무시할지 받아들이지 결정 (모든 인터럽트를 플래그로 막을 수 있는 것은 아님) 인터럽트 서비스 루틴 : 인터럽트를 처리하기 위한 프로그램 인터럽트 벡터 : 인터..