[코딩 자율학습 HTML + CSS + 자바스크립트] Part2 CSS로 웹 페이지 꾸미기/ 4장 웹 스타일링을 위한 CSS 기초 배우기
·
한국경제신문 with toss bank/FE
CSS(Cascading Style Sheets)웹 문서에 사용하는 태그에 스타일을 적용하기 위해 W3C에서 고안한 언어태그와 스타일을 함께 사용하던 기존 방식 지양, 태그와 스타일 분리하는 방법으로 발전1. CSS 문법 살펴보기선택자CSS 스타일을 적용할 HTML 태그(요소)를 선택하는 영역선언부 = 속성 + 값선택자에서 선택한 태그에 적용할 스타일을 작성하는 영역중괄호({}) 안에 넣음세미콜론(;) 넣으면 여러 스타일 연속해서 작성할 수 있음선택자{속성:값;}2. CSS 적용하기 내부 스타일 시트, 외부 스타일 시트, 인라인 스타일 시트내부 스타일 시트(internal style sheet)HTML 파일 내부에 CSS 코드를 작성하는 방법(+) 디자인 빠른 적용body 태그에 작성된 내용이 사용자에게..
[코딩 자율학습 HTML + CSS + 자바스크립트] Part1 HTML로 웹 구조 설계하기/ 3장 실무에서 자주 사용하는 HTML 필수 태그 다루기
·
한국경제신문 with toss bank/FE
1. 텍스트 작성하기hn 태그/ p 태그/ br 태그/ blockquote 태그/ q 태그/ ins 태그, del 태그/ sub, sup 태그hn 태그제목이나 주제를 나타내는 텍스트 표현할 때 사용제목h1 ~ h6 태그(6개)h: heading/ n: (숫자) 중요도검색 엔진에서 키워드로 인식=> 검색 엔진 최적화(SEO; Search Engine Optimization) 위해 본문에서 핵심이 되는 내용SEO: 검색 엔진에서 상위에 랭크(rank)될 수 있도록 검색 엔진에 친화적으로마크업(markup, 문서 구조)을 작성하는 것p 태그본문의 문단(paragraph)을 작성할 때 사용내용br 태그문단에서 줄 바꿈할 때 사용blockquote 태그출처에서 인용한 문단 단위의 텍스트 작성할 때 사용출처가 확실..
[코딩 자율학습 HTML + CSS + 자바스크립트] Part1 HTML로 웹 구조 설계하기/ 2장 HTML 문서 작성을 위한 기본 내용 살펴보기
·
한국경제신문 with toss bank/FE
1 HTML의 기본 구성 요소태그/ 속성/ 문법/ 주석태그구성 요소를 정의하는 역할HTML 문법을 이루는 가장 작은 단위혼화살표괄호() 사이에 태그명을 넣는 형태속성태그에 어떤 의미나 기능을 보충하는 역할~= 옵션 => 사용해도 되고 안 해도 되고, 여러 개 사용해도 됨But, 태그 없이 단독 사용X속성명 + 속성값으로 구성ex. -> 태그: html/ 속성명: lang/ 속성값: ko=> 주 언어(lang)가 한글(ko)로 된 HTML 문서의 시작속성명: 따옴표 X 작성/ 값: 큰따옴표("") 안에 작성속성값 여러 개 -> 쉼표(,)로 구분해 값을 나열문법콘텐츠(content)가 있는 문법콘텐츠 앞뒤를 태그로 감쌈시작 태그(open tag): 앞에 넣는 태그종료 태그(close tag): 뒤에 넣는 ..
[혼자 공부하는 컴퓨터구조+운영체제] Chapter 08 입출력장치
·
Computer Science/컴퓨터구조 | 운영체제
Chapter 08 입출력장치1. 장치 컨트롤러와 장치 드라이버장치 컨트롤러/ 장치 드라이버 CPU와 메모리의 데이터 전송률 ↑, 입출력장치의 데이터 전송률 ↓전송률(transfer rate): 데이터를 얼마나 빨리 교환할 수 있는지를 나타내는 지표 => 컴퓨터에 직접 연결 X, 장치 컨트롤러 ~> 컴퓨터 내부와 정보 주고받음장치 컨트롤러(device controller) = 입출력 제어기(I/O controller) = 입출력 모듈(I/O module)CPU와 입출력장치 간의 통신 중개오류 검출데이터 버퍼링(buffering)전송률이 높은 장치와 낮은 장치 사이에 주고 받는 데이터 -> 버퍼(buffer)라는 임시 공간에 저장 => 전송률 비슷하게 맞추는 방법/ 버퍼에 데이터를 조금씩 모았다가 한꺼번에..
[혼자 공부하는 컴퓨터구조+운영체제] Chapter 07 보조기억장치
·
Computer Science/컴퓨터구조 | 운영체제
Chapter 07 보조기억장치1. 다양한 보조기억장치하드 디스크/ 플래터/ 데이터 접근 시간/ 플래시 메모리/ 페이지/ 블록 보조기억장치: 하드 디스크, 플래시 메모리(ex. USB 메모리, SD 카드, SSD)하드 디스크(HDD; Hard Disk Drive) = 자기 디스크(magnetic disk)자기적인 방식으로 데이터를 저장하는 보조기억장치트랙(track): 플래터를 여러 동심원으로 나눴을 때 그중 하나의 원섹터(sector)트랙을 여러 조각으로 나눈 것 중 한 조각하드 디스크의 가장 작은 전송 단위블록(block): 하나 이상의 섹터실린더(cylinder)여러 겹의 플래터 상에서 같은 트랙이 위치한 곳을 모아 연결한 논리적 단위연속된 정보는 한 실린더에 기록 -> 디스크 암을 움직이지 x 바..
[혼자 공부하는 컴퓨터구조+운영체제] Chapter 06 메모리와 캐시 메모리
·
Computer Science/컴퓨터구조 | 운영체제
Chapter 06 메모리와 캐시 메모리1. RAM의 특징과 종류Key Word: 휘발성 저장장치 / 비휘발성 저장 장치 / DRAM / SRAM / SDRAM / DDR SDRAM 01장주기억장치: RAM(메모리) / ROMRAM의 특징실행할 프로그램의 명령어, 데이터가 저장전원 끄면 RAM에 저장된 명령어와 데이터 모두 날아감 휘발성 저장 장치(volatile memory)전원을 끄면 저장된 내용이 사라지는 저장 장치 비휘발성 저장 장치(non-volatile memory)전원이 꺼져도 저장된 내용이 유지되는 저장 장치보조기억장치ex. 하드 디스크, SSD, CD-ROM, USB 메모리CPU는 보조기억장치에 직접 접근 X보관할 대상 -> 보조기억장치인 비휘발성 저장 장치실행할 대상 -> 휘발성 저장 ..
0123suh
'한국경제신문 with toss bank' 태그의 글 목록 (5 Page)