frontend 3

JavaScript cheerio 사용해서 크롤링 해보기

3. 브라우저를 위한 JavaScript1. 브라우저를 위한 자바스크립트 1) document 객체와 주요 함수document 객체: 현재 웹 페이지에 대한 진입점 역할을 하며, 문서의 내용, 구조, 스타일 정보에 접근할 수 있다 2) 이벤트(Event): 이벤트는 웹 페이지 상에서 사용자의 동작이나 브라우저의 특정 활동에 반응하여 발생하는 신호 또는 알림: 즉, 사용자가 웹 상에서 하는 모든 행동을 말함 3) 이벤트 리스너와 이벤트 객체: 이벤트 리스너는 특정 이벤트가 발생했을 때 호출되는 함수: 이벤트 객체는 이벤트 type, target요소, 이벤트와 관련된 데이터 포함 element.addEventListener element.onClick = () => {} : 한 번만 등록이 가능하고 복수의 ..

JavaScript Async&Await, Promise

들어가기에 앞서 저번 시간 정리✨실행은 브라우저, 노드제이에스 환경 두 가지에서 실행할 수 있다문법적 차이는 없으나, 이용할 수 있는 리소스에 차이가 있다 function outer() { let count = 0; function inner() { count++; return count; } return inner;}const counter = outer();console.log(counter()); // 1console.log(counter()); // 2 count 는 outer() 가 호출된 이후에 접근할 수 있고, 바깥에서 조작할 수 없기 떄문에 이걸 클로저 라고 함안쪽에서는 바깥쪽이 보이지만, 바깥쪽에서는 안쪽이 보이지 않는다는 점을 이용한 것임 ..

JavaScript 기초

1. JavaScript 소개 및 설치1. 프로그래밍 언어 - JavaScript 1) JavaScript 란?: 객체 기반의 스크립트 프로그래밍 언어최초의 브라우저는 넷스케이프에서 만듦단순하고 간단하다플랫폼 독립적인 오픈소스 (Node.js) -무료에다가 어느 운영체제든 사용 가능(Windows, Linux, Mac OS)다양한 프로그래밍 패러다임 지원 - 절차, 객체지향, 함수형방대한 라이브러리 - 웹 개발, 게임 개발, 데이터과학 등 범용언어 특히 웹 개발에서는 절대적인 지위를 가지고 있음이름설명대표 언어절차지향 프로그래밍(Procedural Programming)명령을 순차적으로 실행. 함수, 변수 위주.C, Pascal객체지향 프로그래밍(Object Oriented Programming)객체(데..