Programming

설치방법 apt-get install sqlitebrowser 사용법 sqlite 파일을 더블 클릭 (설치시 자동실행)

* MySQL 문법과 다른 부분만 작성하였습니다. 명령창에서 DB접속하기 sqlite3 // sqlite3 test.db // sqlite3 test.sqlite 테이블 확인하기 .tables 테이블 컬럼정보 확인하기 PRAGMA TABLE_INFO(); 테이블 데이터 확인하기 SELECT * FROM ; DB종료하기 .quit

playwright 란? javascript, python 으로 웹 페이지를 테스팅할 수 있게 해주는 라이브러리 ( 본 게시글에서는 Node.js를 사용합니다. ) playwright 설치 // 기본 패키지 설치 npm i playwright // 테스트를 위한 패키지 설치 npm i @playwright/test playwright 프로젝트 만들기 ( Node.js ) npm init playwright 테스트 파일 만들기 // playwright/tests/example.spec.ts import { test, expect } from "@playwright/test"; test("basic test", async ({ page }) => { // playwright 공식페이지로 이동한다. - got..

현재까지 가장 좋아하는 라이브러리  [Node.js] Playwright 사용법playwright 설치 npm i -D playwright playwright 기본 사용법 // playwright 모듈 불러오기 import playwright from 'playwright'; // chromium 불러오기 const chromium = playwright.chromium; // 동기 방식 사..defineall.tistory.com코드가 간결하고셀레니움 라이브러리보다 확실히 빠르다 Node.js 패키지 이용하는 법 selenium-webdriverjs, css, dom 형식에 구애받지 않고 크롤링 가능코드가 쉬움속도가 느림기본적인 javascript 기능을 사용할 때 적합하다. 지원하는 브라우저가 다양하..

로컬 설치란? ( npm i ) Node.js 패키지를 프로젝트 폴더 내부에 설치하는 것 글로벌 설치란? ( npm i -g ) Node.js 패키지를 컴퓨터 폴더에 설치하는 것 ( 모든 프로젝트에서 사용가능 ) 추천 설치법 로컬설치 글로벌설치 코드 내부에서만 사용할 경우 명령창에서 사용할 경우 ( 로컬 설치시, 문제 발생할 수 있음 )

mysql이란? 관계형 데이터 베이스의 한 종류. 전세계에서 가장 유명한 데이터 베이스 mysql 설치 ( Node.js 패키지 ) npm i -g mysql // -g : 글로벌 설치 DB 연결하기 import mysql from 'mysql'; // createConnection : 접속하고 싶은 DB정보 입력 var connection = mysql.createConnection({ host: 'localhost', user: 'jinho', password: '1111', database:'react_test' }); // DB 연결 connection.connect(); 쿼리문 사용하기 import mysql from 'mysql'; // createConnection : 접속하고 싶은 DB정보..

브라우저 - 렌더트리를 보여준다. 렌더트리 - DOM + CSSOM ( 스타일 적용 ) 스타일 적용후, 화면에 보이지 않는 부분은 렌더트리에서 제외된다. - display : none 스타일이 적용된 element는, 렌더트리에 포함되지 못한다. - visibility : hidden 스타일이 적용된 element는, 렌더트리에 포함되어 실제화면에서 공간을 차지한다. DOM이란? Document Object Model, 문서 객체 모델 HTML의 여러 구성요소(노드)에서 유효한 것만 선택해, 트리 형식으로 구성한 표 DOM안의 모든 것들은 객체 ( 클래스로 만들어진 것, Node 라고 부름 ) ex) , , "Text" ... 렌더링이란? [웹] 렌더링(Rendering)이란? 렌더링이란? 서버에서 HT..

👉 렌더링이란? 화면에 표시할 웹 페이지를 만드는 과정 렌더링과정 1. HTML을 구조별로 분류하여, DOM 객체를 생성. 2. CSS를 구조별로 분류하여, 스타일 규칙 생성. 3. DOM 객체, 스타일 규칙 합쳐, 화면(렌더트리) 생성. 4. 렌더트리를 기준으로 레이아웃 배치, 스타일 작업 좀 더 자세한 설명 1. Loader가 서버로부터 HTML을 불러옴 2. HTML을 분류(Phasing)하여 DOM트리( 트리 : 분석에 따른 구조 )를 만든다 3. css 파일과, 스타일 요소를 분류(Phasing)하여 CSSOM트리를 만든다. 4. DOM트리와 CSSOM을 결합하여 렌더링트리를 만든다. 5. 랜더링트리의 요소들의 크기와 위치를 계산한다. 6. 계산된 크기와 위치에 맞게 화면에 출력한다.

nodemon이란? Node.js 서버가 실행 중일때 javascript코드가 변경을 감지해서, 변경시마다 명령어를 실행 수 있게 해주는 Node.js 패키지 nodemon의 필요성 js코드의 변경 결과를 바로바로 확인 할 수 있어, 원하는 데로 수정하기 쉽다. 관리중인 javascript가 정상적으로 종료되면, 스크립트를 자동으로 다시 시작해준다! nodemon 설치 npm i -g nodemon // -g : 글로벌설치 nodemon 사용법 // nodemon으로 javascript 실행 nodemon index.js // -e ( --ext ) : 감지할 확장자 지정 nodemon -e ts // -x ( --exec ) : 외부 명령어 사용 nodemon -x // -w ( --watch ) : ..