![]()
Part 1리액트는 페이스북이 만든 사용자 UI 구축을 위한 라이브러리 입니다.Routing 같은 기술이 리액트 자체에는 들어가있지 않습니다.리액트는 3 가지 대표적인 특징을 가지고 있습니다.1. JSX 문법JSP 는 자바스크립트 안에서 HTML 문법을 사용해서 view 를 구성할 수 있게 도와주는 라이브러리 문법입니다.2. Component 기반리액트는 컴포넌트 기반의 라이브러리인데요, 컴포넌트 기반이라 함은 기존의 웹 페이지를 작성할 때 처럼 하나의 HTML 코드를 집어넣고 하는 것이 아닌, 여러 부분을 분할해서 코드의 재사용성과 유지보수성을 증가시켜 줍니다.3. Virtual DOM가상 돔은 기존 DOM 의 한계를 탈피하기 위해 나온 대안입니다.DOM 이란 ?Document Object Model ..
![]()
CH0101. 크롤링 개념What is Crawler ? 조직적, 자동화된 방법으로 월드 와이드 웹을 탐색하는 컴퓨터 프로그램 From 위키백과 seeds 위키피디아, 네이버, 다음을 시드로 정할 수도 있다. 웹 크롤러 vs 웹 스크레퍼 웹 스크레핑: 웹사이트에서 원하는 정보를 자동으로 추출 & 수집하는 프로그램 02. robots.txt와 사이트 크롤링 정책03. Axios Cheerio 사용해보기04. 렌더링 지연 알아보기05. Puppeteer 살펴보기06. Puppeteer를 사용해 크롤링하기CH0201. 검색 결과로 나타난 게시글 데이터 획득하기02. 무한 스크롤을 구현하기03. API를 통한 무한 스크롤 구현하기04. 획득한 데이터를 JSON 파일로 저장하기CH0301. 현대적 프론트엔드 개..
1. HTML 문법약자: Hyper Text Markup LanguageHyper Text: 링크태그: 꼬리표, 이름표속성 (Attribute): 공백을 넣지 않습니다. 홀따옴표나 쌍따옴표 모두 사용가능글로벌속성과 특정태그에만 있는 속성이 있습니다.태그의 중첩 (Nesting Tags)빈 태그 (Empty tag): 시작태그만 존재하고 닫는태그가 존재하지 않는 것. relace tag 라고도 합니다.공백: 한 칸 이상의 공백과 개행을 무시합니다.주석 (Comment Tags)기본구조 DOC 타입: html 태그 위에 선언 ko 라고하면 한국어로 작성된 문서 문서에 표시되지 않는다. 인코딩방식 문서의 제목: 검색에 이용2. 태그모질라사이트 html태그 사용법: https://developer.mozilla..
본 문서는 생활코딩 강의를 듣고 작성한 것입니다.코드사전HTMLpropertiestypebutton, textvalue글onclick자바스크립트 코드onchange값 변경 이벤트onkeydown버튼입력 (혹은 지우기) 이벤트CSSstylepropertiescolor class id font-weight JavaScriptdocumentpropertieswrite글querySelector('tag')ex) '#night_day': id 가 night_day 인 쿼리를 반환합니다.querySelectorAll('tag') eventpropertiesalert('')경고창 출력연산자공통점: 부등호, 줄바꿈차이점: 비교연산자, 부등호(html)반복문공통점: if문, while문배열차이점: 대괄호, for-eac..
