본문 바로가기

분류 전체보기324

컴퓨터의 구성 컴퓨터의 시스템은 1. 하드웨어와 2. 소프트웨어로 나누어진다. 1 . 하드웨어 컴퓨터를 구성하는 기계적 장치, 시스템 버스로 연결되어 있다. *시스템 버스는 데이터와 명령 제어 신호를 각 장치로 실어나르는 역할을 한다 1) 중앙처리장치(CPU) - 주기억장치에서 프로그램 명령어와 데이터를 읽어와 처리하고 명령어의 수행 순서를 제어한다. - 산술논리연산장치(ALU) : 비교와 연산을 담당 - 제어장치 : 명령어의 해석과 실행을 담당 - 레지스터 : 속도가 빠른 데이터 기억장소 2) 기억장치 - 프로그램, 데이터, 연산의 중간 결과를 저장하는 장치 - 주기억장치 : RAM, ROM 등 실행 중인 프로그램과 같은 프로그램에 필요한 데이터를 일시적으로 저장 - 보조기억장치 : 하드디스크 등, 속도는 주기억장치.. 2023. 1. 25.
FlexBox 정리 인터페이스 안 아이템 공간 배분과 정렬 기능을 제공하기 위한 1차원 레이아웃 모델 즉, 레이아웃을 다룰 때 1번에 1개의 차원(행 또는 열)을 다룬다는 의미임. (2차원 모델인 Grid 레이아웃도 있음) flex-direction 속성을 사용하여 축을 지정하며 주축(Main Axis)과 교차축(Cross Axis)으로 flexbox를 동작한다 flex-direction 값 동작 주축 row row-reverse 인라인 방향으로 행을 따름 column column-reverse 블록 방향으로 열을 따름 교차축 row row-reverse 열 방향을 따름 column column-reverse 행 방향을 따름 reverse는 말그대로 시작선과 끝선을 반대로 바꾼다는 것임 주축과 교차축은 서로 수직임을 잊지 .. 2022. 12. 14.
Css? 기존의 html 속성인 style을 한번에 Element에 적용하기 위해 CSS 사용 방법 Element 속성 중 style="..." 사용 사이에 1. Selector - 선택자의 구분자는 , 임 1) 전체 선택자 : * 2) 태그 선택자 : 태그명 (ex. a, p, ...) - 해당 태그에 속하면 모두 스타일이 지정됨 3) 클래스 선택자 : .클래스명 - class="클래스명"으로 태그 속성에 넣어줘서 지정해줌 - 구분자는 공백 4) id 선택자 : #id명 - id="id명"으로 지정된 Element로, id명은 유일해야 함 5) 하위 선택자 : 기준태그 하위태그 - 해당 기준태그 아래 하위태그 모두 적용 6) 자식 선택자 : 기준태그 > 자식태그 id선택자 > class선택자 > 태그 선택자 순.. 2022. 12. 13.
Html 정리 기본적인 HTML 구조 See the Pen Untitled by seulgi (@SeulgiGu) on CodePen. 은 문서의 타입을 정의하는 내용으로, HTML 문서에서 태그를 정의하기 전, 가장 먼저 선언되어야 함. 문서에 대한 정보인 메타데이터의 정의 영역 문서의 컨텐츠 영역 - HTML은 Element의 조합이다. Element (요소) 태그 사이에 컨텐츠가 들어가는 경우 : 컨텐츠 컨텐츠가 필요없는 경우 : Attribute (속성) 태그 사이에 넣어주는 옵션 Element의 추가적인 속성을 관리 ex. 속성 사이의 구분자는 공백임 자주 사용되는 Element 종류 참고자료 : http://www.tcpschool.com/html-tags/intro 코딩교육 티씨피스쿨 4차산업혁명, 코딩교.. 2022. 12. 13.

티스토리툴바