![]()
Part 1 리액트는 페이스북이 만든 사용자 UI 구축을 위한 라이브러리 입니다. Routing 같은 기술이 리액트 자체에는 들어가있지 않습니다. 리액트는 3 가지 대표적인 특징을 가지고 있습니다. 1. JSX 문법 JSP 는 자바스크립트 안에서 HTML 문법을 사용해서 view 를 구성할 수 있게 도와주는 라이브러리 문법입니다. 2. Component 기반 리액트는 컴포넌트 기반의 라이브러리인데요, 컴포넌트 기반이라 함은 기존의 웹 페이지를 작성할 때 처럼 하나의 HTML 코드를 집어넣고 하는 것이 아닌, 여러 부분을 분할해서 코드의 재사용성과 유지보수성을 증가시켜 줍니다. 3. Virtual DOM 가상 돔은 기존 DOM 의 한계를 탈피하기 위해 나온 대안입니다. DOM 이란 ? Document Ob..
![]()
CH01 01. 크롤링 개념 What is Crawler ? 조직적, 자동화된 방법으로 월드 와이드 웹을 탐색하는 컴퓨터 프로그램 From 위키백과 seeds 위키피디아, 네이버, 다음을 시드로 정할 수도 있다. 웹 크롤러 vs 웹 스크레퍼 웹 스크레핑: 웹사이트에서 원하는 정보를 자동으로 추출 & 수집하는 프로그램 02. robots.txt와 사이트 크롤링 정책 03. Axios Cheerio 사용해보기 04. 렌더링 지연 알아보기 05. Puppeteer 살펴보기 06. Puppeteer를 사용해 크롤링하기 CH02 01. 검색 결과로 나타난 게시글 데이터 획득하기 02. 무한 스크롤을 구현하기 03. API를 통한 무한 스크롤 구현하기 04. 획득한 데이터를 JSON 파일로 저장하기 CH03 01...
1. HTML 문법 약자: Hyper Text Markup Language Hyper Text: 링크 태그: 꼬리표, 이름표 속성 (Attribute): 공백을 넣지 않습니다. 홀따옴표나 쌍따옴표 모두 사용가능 글로벌속성과 특정태그에만 있는 속성이 있습니다. 태그의 중첩 (Nesting Tags) 빈 태그 (Empty tag): 시작태그만 존재하고 닫는태그가 존재하지 않는 것. relace tag 라고도 합니다. 공백: 한 칸 이상의 공백과 개행을 무시합니다. 주석 (Comment Tags) 기본구조 DOC 타입: html 태그 위에 선언 ko 라고하면 한국어로 작성된 문서 문서에 표시되지 않는다. 인코딩방식 문서의 제목: 검색에 이용 2. 태그 모질라사이트 html태그 사용법: https://devel..
본 문서는 생활코딩 강의를 듣고 작성한 것입니다. 코드사전 HTML : 오른쪽으로 꺽쇠 Java 와 동일한 것들: if문 QuerySelector 에는 작은 따옴표 ( ' ' ) 모든 곳에 큰 따옴표가 아닌 작은 따옴표를 사용할 것!! Java 는 문자에 작은따옴표 문자열에 큰따옴표를 사용하는 것과 다르다. 토글연습 예제 토글연습 hello world!! 리팩토링 date: 06.29 Q. 리팩토링이란? A. 사용자가 편리하게 사용할 수 있도록 기능을 개선하는 것. this 자신의 태그를 가리킨다. 더 이상 id 를 쓸 필요가 없어진다. var 바디태그와 같은 것들을 변수로 지정해도 된다. this 예제 더 간결해진 코드를 다음과 같이 볼 수 있다. 토글연습 hello world!! 함수 ..
