이승훈
CS
CPU
메모리
메모리 계층 구조
컴퓨터의 구성 요소
컴퓨터를 켤 때 일어나는 일
운영체제가 하는 일
운영체제가 하는 일
컴퓨터는 왜 2진수를 사용할까
html, CSS 실습 및 활용
학습 내용
선택자 및 Emmet 활용
CSS diner 연습
엘리먼트 수 를 변경하여 같은 결과 출력하기
폴 다운 메뉴 만들기
김치훈
CS지식
1.
CPU
•
기억, 해석, 연산, 제어라는 4대 주요 기능을 관할하는 장치를 말한다.
•
컴퓨터의 대뇌라고 할 정도로 매우 중요한 부분 중 하나다.
•
프로그램의 명령어를 해석하고, 데이터 연산/처리를 한다.
2.
메모리
•
단기기억을 담당하고 있다.
•
프로그램이 실행되면 그것들은 몽땅 메모리에 올라오게 된다.
3.
메모리 계층 구조
•
레지스터(CPU) - (캐시 메모리) - 주 기억 장치 - (캐시 메모리) - 보조 기억 장치
•
위 그림과 같은 구조를 가진다.
•
일반적으로 용량이 작을수록 동작속도가 빠르며, 용량이 클수록 동작속도가 느리다.
4.
SSD/HDD
SSD | HDD | |
가격 | HDD보다 비쌈 | SSD 보다 쌈 |
속도 | 빠름 | 느림 |
소음 | 소음이 적음 | 내장 헤드의 회전으로 소음이 있음 |
무게 | 가벼움 | SSD 보다 무거움 |
발열 | 발열이 적다 | 발열이 높다 |
내구성 | 내구성 높음 | 충격에 약하고 발열에 의한 데이터 손상 가능성이 있다. |
저장 방식 | 전기를 이용해 데이터 저장 | 자기력을 이용하여 데이터 저장 |
•
SSD와 HDD는 데이터 저장 방식이 다르다.
CSS, HTML 활용
1.
자식과 형제
<!-- 이 div는 a의 부모 엘리먼트 이다. -->
<div>
<!-- 이 a는 div의 자식 엘리먼트 이다. -->
<a href="#">네이버</a>
</div>
<!-- 이 section은 div와 형제 엘리먼트 이다. -->
<section>
<a href="#">구글</a>
</section>
HTML
복사
/* section 엘리먼트 안에 들어있는 a */
/* ` ` : 후손선택자 */
/* ` > ` : 자식선택자 */
/* 선택자가 길면 우선순위가 높다 */
section a /* section > a # 이 상황에서는 자식선택자를 써도 된다. */ {
color:red;
}
/* 이 CSS 는 무시된다. */
a {
color:pink;
}
/* 이 CSS 는 적용된다. */
a {
color:green;
}
CSS
복사
2.
CSS Element 접근
•
#id : id값으로 Element 접근하는 선택자
•
.classname : class명으로 Element에 접근하는 선택자
•
A B : A안에 있는 Element 선택자
•
A>B : 자식 선택자
•
A+B : A의 형제중 가장 가까운 것을 선택하는 선택자
•
A~B : A의 형제를 다 선택하는 선택자
•
:nth-child(num) : 자식 중 num번째 선택하는 선택자
•
3.
Display 속성 정리
서보민
오늘의 CS
오늘의 HTML/CSS
손정아
컴퓨터공학
HTML/CSS 활용
※ “
토글” 을 클릭해주세요
토글” 을 클릭해주세요 최태승
CS
html+css
권종석
<컴퓨터관련 CS>
•
Ram, Rom, kernel, os, 부트로더
•
개인적으로 흐름 관련해서 찾아보기
<html, css>
•
div, class, ul, li, nav, inline, inline-block
20일 Like lion 시청 권유 유튜브
1) server - 서비스를 제공하는 역할을 도와주는, 받는 쪽이 client
2) DNS - hostname.domain
local(cashing 작업) → root dns
Dns spoofing → 해커가 local로 가는 도중에 우회하게 돌림
A record - 도메인을 서버의 Ip로 직접 연결
CNAME - 도메인을 별명과 연결, Ip가 유동적인 서버를 사용하는데 도움되지만 한 곳 더 들린다는데 단점이 있음. → ex)aws, firebase
