CPU   기억장치 : 레지스터 (속도가 가장 빠름)연산장치(ALU) : 가산기(+) , 보수기(-) , 누산기(결과 기억) , 상태레지스터 (부호 , 올림/내림)제어장치 (CU) : 프로그램 카운터 (PC) -> 수행할 명령어 주소를 기억  / 명령 레지스터 -> 명령어 내용기억 / 부호기 -> 제어신호 생성,해독기,MAR,MBRSRAM vs DRAM  SRAMDRAM구조적 특징플리플롭커패시터재충전필요 없다필요 하다속도빠르다느리다용량 적다크다가격비싸다저렴하다소비전력높다적다사용용도주기억장치(RAM)캐시 메모리 ※ 플립플롭 또는 래치(영어: flip-flop 또는 latch)는 전자공학에서 1 비트의 정보를 보관, 유지할 수 있는 회로이며 순차 회로의 기본요소※ 축전기(capacitor 커패시터) 또는 콘..

Flex와 Grid는 모두 CSS를 사용하여 레이아웃을 구성하는 데 사용되는 도구다. 그러나 각각의 방식은 다른 목적이 있다. Flex Flex는 1차원적인 레이아웃을 다루는 데 주로 사용된다. 주축과 교차축이 있으며, 이를 이용하여 요소들을 배치할 수 있다. 주로 하나의 컨테이너 안의 요소들을 배치하고 정렬하는데 사용된다. 작은 규모의 레이아웃에 적합하다. ex ) display : flex / flex-dirextion / justify-content / align-items / align-self Grid CSS Grid는 2차원 레이아웃을 다루는데 주로 사용된다. 행과 열의 그리드로 구성되며, 각 셀에 요소들을 배치 할 수 있다. Grid는 복잡한 레이아웃을 만들고 정렬하는데 유용하다. 여러 행과..

웹 표준(Web Standards) 웹 개발에서 사용되는 기술과 규칙의 모음이다. 이러한 표준은 웹 페이지의 구조, 표현 및 동작을 정의하고, 웹 브라우저가 웹 페이지를 올바르게 해석하고 렌더링 할 수 있도록 지침을 제공한다. 웹 표준을 준수함으로써 개발자는 웹 페이지의 호환성과 일관성을 유지 할 수 있으며, 다양한 디바이스와 브라우저에서 일관된 경험을 제공할 수 있다. 웹 표준의 규약 HTML (Hyper Text Markup Language) : 웹 무너의 구조를 정의하는 마크업 언어로 웹 페이지의 요소들을 정의하고 구조화한다. CSS ( Cascading Style Sheets) : 웹 문서의 디자인 및 레이아웃을 정의하는 스타일 시트 언어로 , HTML 요소들의 스타일을 지정한다. JavaScri..

브라우저 렌더링 웹 페이지의 HTML/CSS/JavaScript 등의 리소스를 받아서 사용자가 볼 수 있는 시각적인 화면으로 변환하는 과정을 의미한다. 이를 위해 브라우저는 다양한 단계를 거쳐서 웹 페이지를 처리하고 렌더링한다. 일반적인 브라우저 렌더링의 주요 단계이다. HTML 파싱과 DOM트리 구축 CSS 파싱과 스타일 트리 생성 레이아웃과 페인트 자바스크립트 실행 최적화와 리플로우 최소화 간단하게 위와 같이 정리 할 수 있고 하나하나 보면 이렇다. HTML 파싱과 DOM트리 구축 브라우저는 서버로부터 받은 HTML 문서를 파싱하여 DOM트리를 생성한다. DOM은 문서의 구조와 요소간의 관계를 표현하는 트리구조입니다. CSS 파싱과 스타일 트리 생성 브라우저는 HTML 파싱중에 만들어진 DOM트리와 ..

클로저(Closer) 클로저는 자바스크립트에서 중요하고 강력한 개념 중 하나이다. 클로저는 함수와 그 함수가 선언된 렉시컬 스코프에 대한 결합을 나타낸다. 함수가 생성될 때의 환경을 기억하고 이 환경에 접근할 수 있게 한다. 이를 통해 함수는 자신의 스코프 외부에서 선언된 변수에 접근하고 수정할 수 있다. ※ 렉시컬 스코프 : 함수가 선언된 위치에 따라 해당 함수의 스코프가 결정되는 개념이다. 클로저(Closer)의 활용 Private variables(비공개 변수) : 함수 내에서 선언된 변수는 외부에서 직접 접근할 수 없으므로 , 함수 내에서만 사용되는 비공개 변수를 만들 수 있다. Data encapsulation(데이터 캡슐화) : 클로저를 사용하면 함수 내의 데이터를 보호하고 외부에서는 해당 데..