본문 바로가기

전체 글

(138)
주요 렌더링 경로(Critical Rendering Path) Critical Rendering Path(CRP, 주요 렌더링 경로) CRP은 문서(HTML, CSS, Javascript)를 화면에 표현하기 위해 거치는 일련의 과정을 말한다. 1. HTML 마크업을 처리하고 DOM 트리를 빌드합니다. 2. CSS 마크업을 처리하고 CSSOM 트리를 빌드합니다. 3. DOM 및 CSSOM을 결합하여 렌더링 트리를 형성합니다. 4. 렌더링 트리에서 레이아웃을 실행하여 각 노드의 기하학적 형태를 계산합니다. 5. 개별 노드를 화면에 페인트합니다 1. 객체 모델 생성 바이트 → 문자 → 토큰 → 노드 → 객체 모델. HTML 마크업은 DOM(Document Object Model)으로 변환되고, CSS 마크업은 CSSOM(CSS Object Model)으로 변환됩니다. D..
Javascript 동기식/비동기식 처리 Javascript는 싱글 스레드 언어로 동기적 언어이고 브라우저 엔진에서 작동할 때 비동기적으로 처리된다. 동기 : 요청 처리 완료 후 다음 요청을 처리 하는 방식 비동기 : 하나의 요청 처리가 완료되기 이전에 다음 요청을 처리하는 방식 callback 콜백 함수는 다른 함수의 인자로 사용되거나 이벤트에 의해 호출되어지는 함수를 말한다. 함수의 요청 값을 콜백 하여 다음 함수에서 사용할 수 있는 것을 콜백이라고 한다. const arr = [0,1,2,3,4,5]; (arr.forEach(function(element){ //function이 for Each의 인자로 활용되고 있음 console.log(element); })(); setTimeOut 호출될 콜백 함수와 지연 시간 두가지 인자를 설정하여..
CTE(Common Table Expressions) CTE는 standard SQL feature 이며, SELECT, INSERT, UPDATE, DELETE 또는 CREATE VIEW 문 하나의 실행 범위 내에서 정의되늰 임시 결과 집합이다. CTE 는 개체로 저장되지 않고, 쿼리 지속 시간 동안만 존재한다는 점에서 파생 테이블과 비슷하나, CTE는 파생 테이블과 달리 자체 참조가 가능하며 동일 쿼리에서 여러 번 참조할 수 있다. CTE는 항상 결과 집합을 반환합니다. 예를들어 기본 쿼리 본문에서 파생 테이블을 제거하는데 사용할 수 있습니다. SQL Server 에서 CTE 는 SELECT 문에서 사용할 수 있는 임시 결과 집합을 정의합니다. 복잡한 쿼리를 관리하는 편리한 방법이 됩니다. 공통 테이블 표현식은 WITH 연산자를 사용하여 SQL문 내부에..
ANSI SQL, Transact-SQL(T-SQL) ANSI SQL (American National Standards Institute Structured Query Language) 표준 SQL은 ANSI 표준 위원회에서 관리하고 있어서 ANSI SQL 이라고 한다. 모든 주요 DBMS는 각자의 확장 기능이 있지만 ANSI SQL을 표준적으로 지원한다. 다양한 DBMS에서 SQL을 지원하나 각자의 고유한 구문을 추가하는 경우가 많다. 추가 기능을 지원하거나 특정한 작업을 보다 간단히 하기 위함이다. Transact-SQL 마이크로소프트와 사이베이스가 SQL에 기능을 확장한 것을 말한다. 표준 SQL 에 문자열 처리, 날짜 처리, 계산 등을 위한 지원 함수, DELETE, UPDATE 에 대한 변경, 절차적 프로그래밍, 지역 변수를 포함한다. 마이크로소..
계층형 질의(Hierarchical Query) 1. 계층형 데이터 테이블에 계층형 데이터가 존재하는 경우 데이터를 조회하기 위해서 계층형 질의를 사용. 계층형 데이터란 동일 테이블에 계층적으로 상위와 하위 데이터가 포함된 데이터를 의미. 2. ORACLE 계층형 질의 SELECT ... FROM [TABLE_NAME] WHERE condition AND condition ... START WITH condition CONNECT BY [NOCYCLE] condition AND condition ... [ORDER SIBLINGS BY column, column, ...] - START WITH : 계층 구조 전개 시작 위치를 지정 - CONNECT BY : 자식 데이터 지정, CONNECT BY 의 조건을 만족해야 함 - PRIOR : CONNECT..
BeautifulSoup 4 뷰티풀수프는 html와 xml에서 데이터를 뽑아내기 위한 파이썬 라이브러리이다. 아래 BeautifulSoup 객체를 파싱한다. from bs4 import BeautifulSoup soup = BeautifulSoup(html_doc) print(soup.prettify()) # # # # # # The Dormouse's story # # # # Once upon a time there were three little sisters; and their names were # # Elsie # # , # # Lacie # # and # # Tillie # # ; and they lived at the bottom of a well. # # # ... # # # BeautifulSoup의 명령어를 사용하..
Selenium Locating Elements 1. 요소 찾기 단일 요소 추출 - find_element_by_id - find_element_by_name - find_element_by_xpath - find_element_by_link_text - find_element_by_partial_link_text - find_element_by_tag_name - find_element_by_class_name - find_element_by_css_selector 해당 요소 전체 추출 - find_elements_by_name - find_elements_by_xpath - find_elements_by_link_text - find_elements_by_partial_link_text - find_elements_by_tag_name - find..
input array에 대해 동일한 name이 여러개일 경우 각 요소에 대한 처리

반응형