본문 바로가기
반응형

전체 글113

[컴퓨터구조] Error Detection Codes 패리티 비트(Parity bit)에 대해 Error Detection Codes - 데이터 전송 시에 에러를 탐지하는 코드 - Parity bit: 전체 1의 개수가 o dd 혹은 even이 되게 해주는 추가 bit -> 하나 혹은 홀수 개의 bit error만 탐지 가능하다. 홀수 페리티 비트로 애러 탐지하기 위의 사진은 홀수 패리티 비트이다. 패리티 비트는 x,y,z에 들어온 비트가 도착지에 올바르게 비트가 들어갔는지를 뜻한다. 홀수 패리티 비트이기 때문에 패리티 생성기(Parity generator)에서 비트의 1이 홀수개인지 짝수개인지 판단을 한다. 만약 비트가 짝수라면 패리티 생성기에 1이 생성이 되고 비트가 홀수라면 0이 생성이 된다. 오른쪽 Parity checker는 x,y,z 비트가 제대로 도착지에 잘 도착했는지를 알아보는 장치.. 2023. 9. 11.
[CSS] 다양한 border 속성들 알아보기 CSS Border Style border 스타일들 ● dotted : 점들로 지정 ● dashed : dash로 지정 ● solid : 굵은 선으로 지정 ● double : 지중 테두리로 지정 ● groove : 3D 홈이 있는 테두리로 지정 ● ridge : 3D 능선 테두리로 지정 ● insert : 3D 삽입 테두리 지정 ● outset : 3D 시작 테두리 지정 ● none : 데두리를 지정하지 않음 ● hidden : 숨겨진 테두리 지 아래는 예제코드이다. The border-style 특징들 아래에는 여러가지 border의 특징을 나타낸다.: A dotted border. A dashed border. A solid border. A double border. A groove border. .. 2023. 9. 10.
[CSS] CSS background-image 배경꾸미기, repeat CSS 배경에 이미지 넣기 background-image를 활용하여 배경에 이미지를 넣을 수 있다. CSS 배경 예시 여기는 오직 div안 div내부 단락 여긴 단락 택스트가 잘 보이도록 배경을 설정해줘야한다. 위는 안좋은 예시이다. 단락안에 배경 이미지 넣기 CSS 배경 예시 여기는 오직 div안 div내부 단락 여긴 단락 background-repeat background-repeat을 하게될 경우 배경 이미지가 반복이 된다. background-repeat: repeat-x의 경우 x축으로 반복이 되며 repeat-y의 경우 y축으로 반복이 된다. 만약 no-repeat를 입력할 경우 반복이 되지않는다. 아래는 repeat-x에 관한 예시이다. 배경색상 background-position backg.. 2023. 9. 10.
[CSS] CSS Backgrounds 배경 꾸미는 법 CSS Backgrounds CSS 배경설정은 다음과 같은 특성들이 있다. ● background-color ● background-image ● background-repeat ● background-attachment ● background-position ● background(shorthand property) CSS background-color : 배경 색상 바꾸기 CSS 배경색상을 꾸미는 방법은 background-color를 사용해야한다. 배경색상 바꾸기 여긴 단락 여러 요소들에서 배경을 바꿀 수 있다. CSS 배경 예시 여기는 오직 div안 div내부 단락 여긴 단락 Opacity / Transparency opacity요소는 투명/불투명을 나타낸다. 0.0 ~ 1.0의 값을 가지며 값이.. 2023. 9. 10.
[CSS] CSS 주석달기 CSS 주석달기 CSS 주석은 /* */이다. HTML 주석은 여긴 단락 2023. 9. 9.
[CSS] CSS 추가하는 3가지 방법(External CSS, Internal CSS, Inline CSS) CSS 추가하는 방법 스타일시트를 넣는 3가지 방법 - External CSS - Internal CSS - Inline CSS External CSS External CSS의 경우 하나의 파일만 수정하여 전체의 웹사이트 스타일을 바꿀 수 있다는 장점이 있다. 각각의 HTML page에 external style sheet를 요소를 통해 reference해야한다. HTML 코드 CSS확장자 파일 가져오기 외부에서 css파일 가져오기 CSS 코드 body{ background-color: aqua; } h1{ color:red; } 결과 캐치패션 퀴즈를 풀면 현금처럼 사용 가능한 포인트 적립과 셀린느 선글라스 증정 이벤트에 응 deg.kr Internal CSS Internal 스타일 시트의 경우 CSS확.. 2023. 9. 9.
[CSS] CSS Selectors CSS Selectors란? CSS Selector은 HTML 요소중 스타일을 바꿀 부분을 선택한다. CSS id Selector - id Selector는 고유한 id 특성을 가진 HTML 요소를 선택한다. - id 요소들은 페이지에서 고유하기 때문에 id Selector은 특정한 하나의 요소를 선택하게 된다. - 특정한 id를 선택하기위해서는 '#'을 사용해야한다. * 절대 id는 처음에 숫자가 올 수 없다. 예시코드 이것만 바뀐다 이건 안바뀜 결과 CSS Class Selector Class Selector 특정 클래스 속성을 가진 HTML 요소를 선택한다. - 특정 클래스가 있는 요소를 선택하기 위해서는 마침표(.) 문자를 쓰고 그 뒤에 클래스 이름을 입력한다. 이것은 제목입니다. 이것은 단락임 .. 2023. 9. 9.
[CSS] CSS 문법 CSS 문법 CSS는 다음과 같은 규칙을 갖는다. h1 { color:blue; font-size: 15px;} 여기서 h1은 Selector 그 뒤 괄호를 Declaration, color를 Property, blue를 Value라고 하자 - Selector는 스타일을 지정하려는 HTML 요소를 가리킨다. - Declaration 부분은 세미클론(;)에 의해 하나 또는 여러개를 선언할 수 있다. - 각각 선언한 부분은 CSS 특성(Property) 이름과 값(Value)을 가진다. - 클론의 각각의 선언들 구분한다. - 여러 CSS 선언들은 세미클론에 의해 분리되며 중괄호로 둘러쌓여있다. 예시코드 My First CSS Example This is paragraph 결과 2023. 9. 9.
[CSS] CSS란 무엇인가? CSS란? - CSS는 Cascading Style Sheets의 줄임말이다. - 어떻게 HTML 요소들을 스크린, 페이퍼 또는 다른 미디어 공간에서 표현할지에 대해 설명한다. - CSS는 많은 작업을 줄여준다. 여러 웹페이지의 레이아웃을 한번에 제어할 수 있다. - 외부파일에 CSS파일을 저장할 수 있다. CSS를 사용하는 이유? - CSS는 다른 장치와 스크린 크기를 위한 레이아웃 및 디스플레이 변형을 포함하여 웹페이지 스타일을 정의하는데 사용된다. 아래는 css의 예시 코드이다. My First CSS Example This is paragraph 결과물 위의 코드와 결과를 보면 html은 단순히 제목(My First CSS Example)과 단락(This is paragraph)만을 만들 수 있고.. 2023. 9. 9.
HTML 테이블 선 하나로 만들기 border-collapse: collapse HTML 테이블 선 하나로 만드는 법 https://youknow301.tistory.com/m/78 코드를 짜다보면 테이블의 선이 위의 사진처럼 이중으로 되는것을 확인할 수 있다. 위의 사진 처럼 만들기위해서는 border-collapse: collpase를 사용하면 된다. 위에 대한 예제코드는 다음과 같다. PERSON 1 PERSON 2 PERSON 3 KOREA JAPAN CHINA 50,000,000 120,000,000 1,500,000,000 2023. 9. 8.
728x90
반응형

티스토리툴바