SperoSpera

[CS] CPU의 속도

클럭, 멀티코어, 멀티스레드 컴퓨터를 구매할 때 많이 본 단어들이다. CPU 속도와 어떤 관계가 있을까? 클럭 클럭 속도가 높은 CPU는 빠르게 동작한다. 클럭 속도는 헤르츠(Hz)의 단위로 측정이 되는데 이는 1초에 클럭이 몇 번 반복되는지를 나타낸다. 1초에 100번 반복되면 CPU 클럭 속도는 100Hz인 것이다. 하지만 단순히 클럭 속도만 높다고 CPU가 빨라지는 것은 아니다. 컴퓨터의 발열 문제가 심각해지기 때문에 한계가 있다. 코어와 멀티코어 클럭 속도 외에 CPU 성능을 높이는 방법에는 코어와 스레드 수를 늘리는 방법이 있다. 보통 컴퓨터 구매시 '듀얼코어', '쿼드코어'와 같은 용어를 접하게 된다. ●코어 '코어'는 오늘날에는 명령어를 실행하는 부품을 뜻한다. 예전에는 CPU를 명령어를 실..

float vs double의 차이는?

일반적으로 데이터는 숫자 데이터, 숫자가 아닌 데이터(문자,문자열 포함) 두가지 유형이 있다. float 과 double은 숫자 데이터에 속하는데 숫자 데이터는 '정수'와 '부동 소수점 숫자'로 구성된다. float 과 double은 모두 '실수'를 표현하기 위해 사용되는 자료형이다. 즉, 부동 소수점 숫자를 표현하는 데이터 유형이다. 학습목표 float과 double의 차이 크기(Size) 정밀도(Precision) 저장방식 float과 double의 차이 크기(Size) 두 데이터 유형 모두 10진수로 숫자 표현하지만 float 32비트, double 64비트이다.(1비트 = 8바이트) 구분 데이터형 바이트 수 데이터 범위 정수 byte 1Byte -2⁷ ~ 2⁷-1 (-128~127) short 2..

[JavaScript] 삼항연산자

// 삼향 조건 연산자 Ternary Operator // 1. 변수명 === 조건식 ? 참인경우 : 거짓인경우 // 2. 변수선언 = 변수명 === 조건식 ? 참인경우 : 거짓인경우 let fruit ='apple' // 변수 선언 if (fruit==='apple'){ // 일반적인 if문 console.log('＠'); }else{ console.log('※'); } // 1. ↓ 삼항 조건 연산자로 한줄로 코딩이 깔끔하게 가능하다. ↓ fruit === 'apple' ? console.log('!') : console.log('!!') // 2. ↓ 변수 선언하고 그안에 값으로 넣어줄 수 도있다. ↓ let emoji = fruit ==='apple' ? console.log('!!') : con..

[CS] 인터럽트

인터럽트(interrupt)는 방해하다, 중단시키다를 의미한다. CPU가 수행 중인 작업은 방해를 받아 잠시 중단될 수 있는데, 이렇게 CPU의 작업을 방해하는 신호를 인터럽트라고 한다. 일단 하던 일 멈추고 급한 일부터 처리하는 상황을 인터럽트라고 보면 된다. CPU가 얼른 처리해야 할 다른 작업이 생기는 상황 즉, 인터럽트 상황에는 2가지 종류가 있다. 크게 '동기 인터럽트'와 '비동기 인터럽트'가 있다. 동기 인터럽트(synchronous interrupts) CPU에 의해 발생하는 인터럽트이다. CPU가 실행하는 프로그래밍상의 오류와 같은 예외적인 상황에 마주쳤을 때 발생하는 인터럽트가 동기 인터럽트이다. 이런 점에서 동기 인터럽트는 예외(exception)라고 부른다. 비동기 인터럽트(async..

[CSS] font-family

font-family 속성 글꼴을 지정하는 속성이다. font-family: family-name | generic-family( | initial | inherit ); family-name: 사용할 폰트의 이름을 나타내며 ' , '로 구분하여 여러 개 선언 할 수 있습니다. 먼저 선언된 순서대로 우선순위가 결정되고 이름 중간에 공백이 있거나, 한글일 경우 홑따옴표로 묶는다. generic-family: family-name으로 지정된 글꼴을 사용할 수 없을 경우를 대비해 브라우저가 대체할 수 있는 폰트가 필요한 경우 선택할 수 있게 해준다. font-family 속성의 맨 마지막에 선언해야 한다. 키워드이기 때문에 따옴표 등의 인용부호로 묶지 않는것이 원칙이다.

[CSS] BOXMODEL

HTML의 모든 요소는 사각형의 박스 형태로 만들어진다. 박스는 4가지의 세분된 영역으로 구성되어 있고 영역마다 다양한 스타일을 적용할 수 있다. content 영역 - 요소의 실제 내용을 포함하는 영역 border 영역 - content 영역을 감싸는 테두리 선의 영역 padding 영역 - content 영역과 테두리 사이의 여백 margin 영역 - border 바깥쪽의 영역 css를 이용해 상자의 크기, 위치, 속성(색,배경,테두리 크기 등)을 변경할 수 있다.