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

웹 표준(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(데이터 캡슐화) : 클로저를 사용하면 함수 내의 데이터를 보호하고 외부에서는 해당 데..

async/await 란? async/await는 비동기적인 작업을 처리할 수 있는 문법이다. async 함수를 정의하면 함수 내부에서 await 키워드를 이용하여 비동기적으로 처리되는 작업이 완료될 때까지 기다린 후 결과값을 반환하는 처리를 할 수 있다. async/await는 Promise를 기반으로 하며, 코드를 보다 간결하고 직관적으로 작성할 수 있도록 해준다. async 함수는 항상 promise 객체를 반환하며, await키워드를 이용하여 비동기 처리 결과를 기다린다. async 함수 함수 async 는 function앞에 위치한다. 그렇게 되면 해당하는 함수는 항상 promise를 반환한다. 또한 promise가 아닌 것은 promise로 감싸서 반환한다. 아래는 간단한 예제이다. async..

Promise 라는 것은,,, Promise 자바스크립트에서 비동기 처리를 간편하게 할 수 있도록 도와주는 객체입니다. 비동기 처리는 특정 코드의 실행이 완료 될 때 까지 기다리지 않고 다음 코드를 먼저 수행하는 것을 의미한다. Promise 의 역할 Promise는 주로 웹 구현 시 원활한 데이터 통신을 위해 활용된다. 서버에 데이터를 요청했을 때 , 데이터를 모두 받아보기 전에 웹에 출력하려고 할 때 발생하는 오류를 방지하기 위해 활용된다. Promise 의 처리 과정(상태) Promise 객체가 생성되고 종료될 때까지 아래와 같이 3가지 처리과정을 가진다. Pending : 대기 ( Promise 객체가 생성되고 초기 상태) Fulfilled : 이행 (비동기 로직 처리가 완료된 상태로 Promis..