position 정의 CSS  속성은 문서 상에 요소를 배치하는 방법을 지정한다. 속성 값 static 기본 값. 요소를 일반적인 문서 흐름에 따라 배치하며, top, right, bottom, left, z-index 속성이 아무런 영향을 주지 않는다. relative 요소를 일반적인 문서 흐름에 따라 배치하며, top, right, bottom, left 값에 따라 offset을 적용한다. offset은 다른 요소에는 영향을 주지 않아 레이아웃에서 요소가 차지하는 공간은 static과 같다. z-index 값이 auto가 아니라면 새로운 쌓임 맥락을 생성한다. absolute 요소를 일반적인 문서 흐름에서 제거하고, 레이아웃에 공간도 배정하지 않는다. 가장 가까운 static이 아닌 다른 포지션 값을 가진 부모를 기준으로 상대적으로 배치한다. 상위 요소 중 static이 없을 시 초기 컨테이닝 블록을 기준으로 삼는다. 최종 위치는 top, right, bottom, l…

SCSS 정의 란 CSS pre-processor(전처리기)로서, 복잡한 작업을 쉽게 할 수 있게 해주고, 코드의 재활용성 및 가독성을 높여주어 유지보수를 쉽게 해준다. 사용 중괄호와 세미콜론을 모두 사용한다. 특징 변수(Variable) 할당 자주 사용하는 속상 값을 변수로 지정하여 재사용할 수 있다. 중첩(Nesting) 구문 중첩 구문을 사용해 가독성을 높일 수 있다. 모듈화(Modularity) 를 사용하여 파일을 모듈화 할 수 있다. 믹스인(Mixins) 함수처럼 default parameter를 지정할 수 있고, parameter를 받아 속성을 부여할 수 있다. 확장 / 상속 (Extend / Inheritance) 를 사용하여 scss 속성 집합을 상속 받을 수 있다. 연산자(Operators) div, random, max, min, sin, cos 등 여러 가지 수학적 기능을 사용할 수 있다. 장점 선택자를 중첩하여 반복되는 부모 요소 사용 감소 …

컴퓨터의 구성 : 기계적 장치 중앙처리장치(CPU) : 컴퓨터 시스템 전체를 제어하는 장치로서, 입력장치에서 데이터를 입력 받아 처리한 후 출력장치와 기억장치로 데이터를 전달 : 산술 연산(사칙연산)과 논리연산(참과 거짓 판단)을 수행하는 장치 : CPU 내부에서 일어나는 모든 작업 통제 및 관리 : 연산 중간 값, 명령어 등 일시적으로 저장하는 임시 기억 장치 기억장치(Memory) : 컴퓨터 시스템에서 수행되는 프로그램과 수행에 필요한 데이터를 기억하는 장치 RAM : 반영구적으로 데이터를 저장하고 보존할 수 있는 장치 하드 디스크, 플로피 디스크, CD-ROM, DVD 입출력장치(I/O) : 컴퓨터에서 처리할 데이터와 정보를 외부에서 입력해주는 역할 마우스, 키보드, 마이크 : 컴퓨터 내부에서 처리된 결과를 사용자에게 전달해주는 역할 프린트, 스피커, 모니터 : 하드웨어의 동작을 제시하고 지시하는 프로그램 시스템 소프트웨어 : 사용자가 컴퓨터를 효율적으로 사용하기…

컴퓨터 구조 기초 폰 노이만 구조 정의 오늘날의 컴퓨터는 대부분 를 따른다. 폰 노이만 구조는 크게 CPU - Memory - Program로 구성된다. CPU와 메모리를 분히라여 명령어를 따로 저장하는 프로그램 내장 방식이다. 정의 명령어 가져오기 (IF, Instruction Fetch) : 기억장치로부터 명령어를 가져온다. 명령어 해석 (ID, Instruction Decode) : 앞서 가져온 명령어가 어떤 명령어인지 해석을 진행한다. 피연산자 인출(OF,Operands Fetch) : 명령의 실행에 필요한 정보를 기억장치에 접근해 가져온다. 명령어 실행 (EX, Instruction Execution) : 앞서 가져온 연산자와 데이터를 가지고 연산을 수행하고 저장한다. 인터럽트 체크 👉🏻 작업을 수행하던 중 인터럽트가 발생했을 때의 처리과정 컴퓨터는 수행하던 일을 중지하고 현재 상태 (CPU 내부의 레지스터 값 등)를 보관한다. 발생한 인터럽트를 처리하기 위해 인터럽…