본문 바로가기
반응형

전체 글113

[bootstrap 5] Bootstrap 5 시작하기 Bootstrap이란? Bootstrap은 더 빠르고 쉬운 웹 개발을 위한 무료 프런트 엔드 프레임워크이다. bootstrap에는 typography, forms, buttons, tables, navigation, modals, image caruousels 등을 위한 HTML 및 CSS 기반 디자인 템플릿과 JavaScript 플러그인이 포함되어 있다. Bootstrap은 반응형 디자인을 쉽게 만들 수 있는 기능을 제공한다. Bootstrap 5 Bootstrap 5는 Bootstap의 최신 버전이다.(2021년 출시) 새로운 구성요소, 더 빨라진 스타일시트, 응답성을 제공한다. Bootstrap 5는 모든 주요 브라우저 및 플랫폼의 최신 안정적인 릴리스를 지원한다. 단. Internet Explor.. 2023. 9. 14.
[시스템프로그래밍] 1장 Computer System 컴퓨터 시스템의 계층도 Application programs Operating system Processor Main memory I/O devices Software: Application programs, Operating system Hardware: Processor, Main memory, I/O devices 컴퓨터 시스템 계층도는 위와 같이 되며 소프트웨어: Application programs, Operating system 하드웨어: Processor, Main memory, I/O devices 컴퓨터 하드웨어의 구조 하드웨어 구성요소 - 버스 buses - 입출력 장치 I/O devices - 주기억장치, main memory - 캐쉬, cash memory - 중앙처리장치, CPU(.. 2023. 9. 13.
[컴퓨터구조] 산술 마이크로연산(Arithmetic Microoperations) μoperation의 4가지 종류 1. register-transfer 2. arithmetic 3. logic 4. shift μoperations Symbolic designation Description R3 2023. 9. 13.
[CSS] 테이블(tables)의 모든 것 Table border name price Spurecell 16,970 Thezone 33,950 위의 예시는 border을 통해 테이블을 만들었다. 하지만 table의 크기가 매우 작은데 위의 테이블 크기를 키워보자 Full-Width Table name price Spurecell 16,970 Thezone 33,950 width을 100% 할경우 너비가 웹브라우저 크기만큼 늘어나게 된다. 그런데 table를 선 하나로 표시하고 싶으면 어떻게 해야할까? Collapse Table Borders border-collapse:collapse를 통해 선 하나로 만들 수 있다. name price Spurecell 16,970 Thezone 33,950 내부에 있는 선을 없에는 방법은 무엇일까? name .. 2023. 9. 12.
[CSS] 리스트(Lists) 기본적인 list들은 아래의 사이트를 참고하자 https://youknow301.tistory.com/79 HTML 리스트 list HTML 설명 : 비순서형 리스트 태그이다. 예시코드 An unordered HTML list SamSung HYUNDAI SK 위의 코드를 실행해보면 옆에 동그란 점으로 리스트가 구성된 것을 알 수 있다. 여기서 는 list를 뜻하며 추후에 youknow301.tistory.com https://youknow301.tistory.com/80 HTML 리스트 - Unordered Lists 비순서형 리스트 의 태그로 시작하여 요소 안에 로 시작이 되어야한다. An unordered HTML list SamSung HYUNDAI SK 비순서형 리스트 스타일 변경 CSS에서 l.. 2023. 9. 12.
[CSS] Links 링크 Style Links CSS로 Links를 꾸밀 수 있다. (e.g color, background, font-family, etc) 4가지 링크 상태들이 존재한다. a:link -> 방문하지않는 일반적인 링크 a:visited -> 사용자가 방문한 링크 a:hover -> 사용자가 마우스를 위에 올려 놓았을 때 링크 a:active -> 클릭하는 순간의 링크 링크 스타일 꾸미기 링크에 대해 알아보기 위의 설명을 읽고 링크에 대한 특성을 알아보기 위 코드를 직접 입력해보고 링크의 특징을 알아보자 Text Decoration 링크 스타일에 text decoration을 추가할 수 있다. 아래 예시코드를 직접 입력해보고 확인해보자! 링크 스타일 꾸미기 링크에 대해 알아보기 위의 설명을 읽고 링크에 대한 특성.. 2023. 9. 12.
[CSS] Fonts(폰트)의 모든 것 폰트(Fonts)의 중요성 올바른 폰트 선택이 독자가 웹사이트를 경험하는 방식에 큰 영향을 준다. 좋은 폰트는 브랜드에 대한 강력한 아이덴티티를 만들 수 있다. 폰트는 텍스트에 가치를 더한다. 그렇기때문에 올바른 폰트를 사용하는 것이 중요하다. Generic Font Familes CSS는 다섯게의 geneeric font familes이 있다. Serif; Serif 폰트는 각 글자의 가장자리에 작은획이 있다. 격식과 우아함을 만들어낸다. Sans-serif: Sans-serif 폰트는 깔끔한 선이 있다. 모던하고 미니멀한 룩을 연출한다. Monospace(고정 폭): 모든 문자가 동일한 고정 폭을 갖는다. 기계적인 느낌을 준다. Cursive(필기체): 사람의 손글시를 모방한다. Fantasy(판타지.. 2023. 9. 11.
[CSS] 텍스트에 관한 모든 것 CSS Text - color, align CSS text-color, align의 경우 아래의 내용을 참고하자 https://youknow301.tistory.com/71 HTML Styles 속성(텍스트, 배경색, 폰트, 폰트크기) Styles 기본 구성 -> 기본적으로 HTML의 구성은 property(속성):value(가치)가 온다. 배경색(Backgroun Color) This is a heading This is a paragraph. -> 위의 예시코드는 배경을 파란색으로 바꾸는 예시코드이다. -> CSS youknow301.tistory.com Text Decoration Text decoration에는 다음과 같은 특성들을 가진다. text-decoration-line text-decor.. 2023. 9. 11.
[CSS] 높이 너비 최대-너비(Height, Width, Max-width) CSS 높이,너비, 최대 너비 CSS의 height와 width는 요소의 높이와 너비의 길이를 설정한다. -> 여기height와 width은 padding, margin, border을 포함하지않는다. -> 오직 padding, margin, border안의 내부 영역의 높이와 너비를 설정한다. CSS의 max-width 특성 요소의 너비를 최대의 길이로 설정한다. CSS 높이,너비 값들 height와 width의 특성들은 다음 값들을 갖는다. auto: 기본값이다. 브라우저는 높이와 너비를 자동으로 계산한다. length: px, cm 등으로 높이와 너비를 정의한다. %: block안에서 몇 % 차지하는지를 정의한다. initial: 높이, 너비를 기본값을 설정한다. inherit: 높이, 너비 값이 .. 2023. 9. 11.
[컴퓨터 구조] 레지스터 전송(Register Transfer) Register Transfer Language - 디지털 컴퓨터 시스템은 레지스터(register), 디코더(decoder), 산술요소(arithmetic element), 논리제어(control logic)등과 같은 요소들로 이루어진 여러 종류의 디지털 모듈들로 구성이 되어있다. - 디지털 모듈들은 레지스터(register)들과 그 속에 저장된 데이터에 대한 작동(operation)들로 정의된다. - 레지스터(register)들에 저장된 데이터에 취해지는 작동(operation)을 μoperation 이라고 한다. - μoperation으로 register의 정보가 변경되거나 다른 register에 전달된다(shift, count, clear, load 등) - Register들 사이에 전달되는 μo.. 2023. 9. 11.
728x90
반응형