사고쳤어요

https://pptr.dev/ Puppeteer | Puppeteerbuildpptr.dev Puppeteer는 Chrome 또는 Firefox를 제어할 수 있는 고급 API를 제공하는 JavaScript 라이브러리이다.웹페이지를 크롤링을하는 라이브러리는 다양하게 존재하지만, JavaScript 또는 TypeScript를 통해 크롤링을 하기 위해서 위 라이브러리를 사용하게 되었다. npm i puppeteer # Downloads compatible Chrome during installation.npm i puppeteer-core # Alternatively, install as a library, without downloading Chrome. 위 명령어를 통해 라이브러리를 설치한 뒤 진행하면 ..

객체객체란 속성을 가진 독립적인 개체(entity)이다.다시 말해서 객체는 속성으로 구성된 집합이다.자바스크립트는 객체기반의 프로그래밍 언어로 자바스크립트를 구성하는 대부분은 객체이다.객체는 리터럴 표기, 생성자 함수, Object.create로 생성할 수 있다. 리터럴 표기법const a = { fruit: "apple", color: "red",};변수명 = { "속성": "값" } 형태로 객체를 생성할 수 있다. 생성자 함수function Fruit(fruit, color) { this.fruit = fruit; this.color = color;}const b = new Fruit("banana", "yellow");속성이 같고 값이 다른 객체를 여러 개 생성해야 할 때 유용한 생성 방법이..

제어 흐름(Flow Control)개발자가 코드를 작성하여 명령을 내리면 컴퓨터는 이를 수행한다.그리고 컴퓨터는 특정 trigger로 시작하여 종료될때까지의 흐름을 상황별로 제어한다.이렇게 명령형 프로그램의 개별 명령문, 명령 또는 함수 호출이 실행되거나 평가되는 순서를 제어 흐름이라고 한다. 제어 흐름에는 다음 다섯 가지의 종류가 존재한다.goto: 다른 구문에서 시작choice: 일부 조건이 충족되는 경우에만 일련의 명령문 실행 (if-else, switch)loop: 어떤 조건이 충족될 때까지 일련의 명령문을 0회 이상 실행 (Collection loop, General lopp)continue: 현재 실행 구문에서 떨어진 한 구문의 집합을 실행 (Loop continuation)break: 프로그..

연산자연산자는 하나 이상의 표현식을 대상으로 연산을 수행하여 하나의 값을 만드는 역할을 만든다.예를 들어, 1 + 2 가 있을 때 연산자는 +이고 1과 2를 대상으로 연산을 수행하여 3이라는 값을 만든다.그리고 1, 2는 피연산자라 불린다. 단항 연산자단항 연산자는 하나의 피연산자만 사용하는 연산이다.void: 표현식을 평가할 때 값을 반환하지 않도록 지정한다.typeof: 평가 전의 피연산자 타입을 나타내는 문자열을 반환한다.delete: 객체의 속성을 삭제한다.const a = { name: "apple" };console.log(a); // { name: "apple" }console.log(void a); // undefinedconsole.log(typeof a); // objectdelete ..

자바스크립트는 7가지의 원시 타입을 제공한다.Number, BigInt, String, Boolean, Undefined, Null, Symbol Number다른 언어에서 사용되는 int, long, float 등의 숫자 자료형과 달리 자바스크립트에서는 number 하나의 숫자 자료형만이 존재한다.또한 자바스크립트는 모든 숫자를 64비트 실수로 처리하고, 정수 타입은 존재하지 않는다.그리고 무한대를 나타내는 Infinity, Not a Number의 약자로 숫자가 아님을 나타내는 NaN이라는 값도 존재한다.let a = Infinity;let b = NaN;console.log(typeof a); // numberconsole.log(typeof b); // numberBigIntBigInt는 Numbe..

데이터를 처리하기 위해서는 데이터가 어떤 값인지를 저장해놓고 불러와 사용하는 과정이 필수적이다.그리고 컴퓨터는 데이터를 저장하기 위해 기억장치인 메모리를 활용한다.메모리에 데이터를 담아 기억을 해두고, 메모리의 각 장소마다 존재하는 주소값을 통해 기억해둔 데이터를 찾는다.그리고 이 주소값을 대신할 식별자를 지정하고 식별자를 통해 데이터에 접근하는데 그 식별자가 변수이다.즉, 변수란 데이터를 저장해둔 메모리 주소를 쉽게 식별하기 위해 붙인 이름이다. var, const, letJavaScript는 코드 평가 단계, 코드 실행 단계동안 다음과 같은 과정을 통해 변수를 생성한다. 선언 단계: 변수를 변수 객체에 등록한다.초기화 단계: 변수를 메모리에 할당하고 undefined(값이 없음) 상태로 초기화한다.할..

인터프리터 언어컴퓨터를 사용하면 우리는 원하는 정보를 얻을 수 있고, 원하는 작업을 쉽게 처리할 수 있다.그런데, 컴퓨터는 우리 인간이 사용하고 보는 언어, 코드를 사용하지 않으며 기계어를 사용한다.따라서 인간이 작성한 코드를 컴퓨터가 실행하기 위해서는 코드를 변환하는 작업이 필수적이다.이 때 작성한 코드가 어떤 종류냐에 따라 그 과정이 달라진다. - 컴파일러 언어컴파일러 언어는 사람이 코드를 작성하면 작성된 코드가 기계어로 변환되고, 기계에서 실행된다. - 인터프리터 언어인터프리터 언어는 사람이 코드를 작성하면 기계어로 변환하는 과정을 거치지 않고,기계에서 바로 실행하고 코드가 변환되며 실행된다. 인터프리터 언어는 컴파일 단계가 없고 컴파일러 언어는 컴파일을 해줘야 한다는 번거로움이 있지만인터프리터 언..