2024/03/24 3

[지식] 렌더링과 DOM(Document Object Model)

DOM(Document Object Model)이란 말 그대로 HTML문서를 객체화한것이다. 렌더링(서버로부터 HTML , CSS , JavaScript등 파일을 받아 브라우저에 나타내는것) 과정에 대해 이해한다면 DOM을 이해하는데에 편리하다. 1. 불러오기 : 로더(Loader)가 서버로부터 전달받은 리소스 스트림을 읽는 과정 2. DOM, CSSOM 생성 웹 엔진의 HTML/XML 파서가 문서를 파싱해 DOM Tree를, CSS 파서가 CSSOM 트리를 생성(아래 파싱, 스크립트와 스타일 시트의 진행순서 참조) 3. 생성된 DOM과 CSSOM으로 렌더링 트리 생성 DOM Tree + CSSOM Tree, 렌더링에 필효한 노드만 선택해 페이지를 렌더링하는데 사용 4. css, 레이아웃 : 렌더트리를 ..

지식 2024.03.24

[mySQL] 데이터베이스

data : 정석적인 실제 값 정보 : 데이터를 기반으로 의미를 부여 ex) 에베레스트의 높이 = 8848 → data 에베레스트는 세계에서 가장 높은산 → 정보 database : 논리적으로 연관된 데이터를 모으고 중복되는 데이터를 최소화하여 구조적으로 통합 / 저장 해놓은것 계층형 데이터베이스 : 트리형태의 계층적 구조를 가진 데이터베이스로 최상위계층의 데이터부터 검색 네트워크형 데이터베이스: 하위데이터들끼리의 관계까지 정의 , 설계 및 구현이 복잡하고 어려움 SQL: Structures Query Language : 구조화된 질의 언어 DDL: Data Definition Language 데이터 정의 언어 DML: Data Manipulation Language 데이터 조작 언어 DCL: Data ..

mySQL 2024.03.24

[알고리즘] 프로그래머스 Lv.1 - 신고 결과 받기

출처 - https://school.programmers.co.kr/learn/courses/30/lessons/92334 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 풀이 function solution(id_list, report, k) { const newRepo = [...new Set(report)]; // report 중복 제거 const banned = []; // 정지 아이디 const reportedCnt = Array(id_list.length).fill(0); // 신고수 [0,0,0,0] const alert = Array(id_l..

알고리즘 2024.03.24