DevYoon

⚙️ 브라우저 렌더링 과정 Contents 1️⃣ 브라우저의 렌더링 과정 2️⃣ 브라우저 렌더링 과정에서 자바스크립트의 동작 3️⃣ 태그는 왜 태그 밑에 둬야 할까? 1️⃣ 브라우저의 렌더링 과정 렌더링이란? HTML, CSS, JavaScript 등 개발자가 작성한 문서를 브라우저에서 출력하는 과정 렌더링 과정 1️⃣ 주소창에 URL 입력 2️⃣ DNS 서버에서 주소에 해당하는 IP를 반환 ➡️ 접속 3️⃣ 브라우저가 HTML, CSS, JS, 이미지, 폰트 파일 등 렌더링에 필요한 리소스를 요청➡️ 서버로부터 응답 받음 4️⃣ 브라우저의 렌더링 엔진이 서버로부터 응답받은 HTML, CSS를 파싱하여 DOM과 CSSOM을 생성 ➡️ 이들을 결합하여 렌더 트리 생성 5️⃣ 자바스크립트 엔진이 서버로부터 ..

비동기 프로그래밍 💻 & Ajax Contents 1️⃣ 비동기 프로그래밍 ​ 🔥 동기와 비동기의 차이점 ​ 🔥 이벤트 루프 & 태스크 큐 ​ 🔥 마이크로태스크 큐 2️⃣ Ajax ​ 🔥 Ajax란? ​ 🔥 Ajax 사용 시 기존 방식과의 차이 ​ 🔥 JSON이란? ​ 🔥 JSON이 제공하는 정적 프로토타입 메서드 ​ 🔥 Ajax로 HTTP 요청을 보내기 위해 사용할 수 있는 방법 1️⃣ 비동기 프로그래밍 🔥 동기와 비동기의 차이점 ✏️ 자바스크립트는 기본적으로 싱글 스레드 엔진 기반 ➡️ 동기 처리되어 작성한 순서대로 수행 *️⃣ 프로세스 : 실행되고 있는 컴퓨터 프로그램 *️⃣ 스레드 : 프로세스 내에서 실행되는 흐름의 단위, 스레드를 여러 개 생성 ➡️ 여러 작업 동시 처리 가능 *️⃣ 싱글 스레드..

01. 네트워크란 무엇인가? 네트워크 노드들이 데이터를 공유할 수 있게 하는 디지털 전기통신망의 하나 노드 : 네트워크에 속한 컴퓨터 또는 통신 장비 분산되어 있는 컴퓨터를 통신망으로 연결한 것 네트워크에서 여러 장치들은 노드 간 연결을 사용하여 서로에게 데이터를 교환 인터넷 문서, 그림 영상과 같은 여러가지 데이터를 공유하도록 구성된 세계에서 가장 큰 전세계를 연결하는 네트워크 네트워크 ⊃ 인터넷 WWW은 인터넷을 통해 웹과 관련된 데이터를 공유하는 것 즉, WWW ≠ 인터넷 02. 네트워크의 분류 크기에 따른 분류 LAN : Local Area Network 가까운 지역을 하나로 묶은 네트워크, 근거리 통신망 ex) 스타크래프트에서 LAN으로 게임하려면 같은 피시방이어야 함 WAN : Wide Are..

link 🔗 https://www.acmicpc.net/problem/14499 14499번: 주사위 굴리기 첫째 줄에 지도의 세로 크기 N, 가로 크기 M (1 ≤ N, M ≤ 20), 주사위를 놓은 곳의 좌표 x, y(0 ≤ x ≤ N-1, 0 ≤ y ≤ M-1), 그리고 명령의 개수 K (1 ≤ K ≤ 1,000)가 주어진다. 둘째 줄부터 N개의 줄에 지 www.acmicpc.net ✏️ 단순 구현 문제! ✏️ 주사위를 굴렸을 때 어떻게 변화하는지만 찾으면 금방 해결할 수 있는 문제였다. def change(dir): # 주사위 굴렸을 때의 위치 변화 if dir == 1: dice[0], dice[2], dice[3], dice[5] = dice[3], dice[0], dice[5], dice[2..

함수와 일급 객체 ⭐ CONTENTS ✏️ 일급 객체란? 일급 객체로 무엇을 할 수 있을까? 함수형 프로그래밍이란? 순수함수란? 1️⃣ 일급 객체란? 아래의 조건을 만족하는 객체를 일급 객체라고 함 무명의 리터럴로 생성 가능 무명의 리터럴? ➡️ 함수 표현식을 뜻함 즉, 런타임에 생성 가능 const name = function(){} ➡️ 함수 표현식 & 변수에 할당될 때 생성됨 변수나 자료구조(객체, 배열 등)에 저장 가능 함수의 매개변수에 전달 가능 함수의 반환값으로 사용 가능 ⭐ 함수의 매개변수에 전달 가능 && 함수의 반환값으로 사용 가능 ​ ➡️ 함수형 프로그래밍을 가능하게 하는 자바스크립트의 장점 중 하나 ⭐ 자바스크립트의 함수는 일급객체❕ 2️⃣ 일급 객체로 무얼 할 수 있을까? 1️⃣ 고..