본문 바로가기

전체 글192

02. Selenium, Xpath (네이버웹툰 크롤링) 1.셀레니옴(Selenium)  셀레니옴은 브라우저를 컨트롤 할 수 있도록 지원하는 라이버러리 주로 웹 어플리케이션의 테스트 자동화, 웹 스크래핑, 웹 어플리케이션의 상호작용 및 데이터 수집을 위해 개발XPath: 기존의 컴퓨터 파일 시스템에서 사용하는 경로 표현식과 유시한 경로 언어 Jupyter 노트북으로 실행하기더보기1. 경로설정  2. 주피터 노트북실행 3. 새파일 생성4. 이름변경  라이브러리 설치           ! pip install selenium        모듈 설치             ! pip install chromedriver_autoinstaller    import            from selenium import webdriver          from sel.. 2024. 5. 21.
01. 크롤링(Crawling) 1. 크롤링과 스크레이핑   크로링(Crawling)인터넷의 데이터를 활용하기 위해 정보들을 분석하고 활용할 수 있도록 수집하는 행위스크레이핑(Scraping)크로링 후 데이터를 추출하고 가공하는 행위  2. 실습: Basic English Speaking  75가지의 주제를 긁어와보기사이트: https://basicenglishspeaking.com/daily-english-conversation-topics/  requests 라이브러리BeautifulSoup 라이브러리 사용하기      import requests      from bs4 import BeautifulSoup    'requests' 라이브러리를 사용: 특정 웹 페이지에 요청을 보내고, 응답을 출력          site = 'h.. 2024. 5. 20.
05. useEffect, 웹소켓 1. useEffect 사용하기    새로운 앱(effect) 생성 ⏺ 배열을 화면에 표시해보자json 검증사이트: https://jsonlint.com/ JSON Online Validator and Formatter - JSON LintLoading... About the JSONLint Editor JSONLint is a validator and reformatter for JSON, a lightweight data-interchange format. Copy and paste, directly type, or input a URL in the editor above and let JSONLint tidy and validate your messy JSON code. What Isjsonlint.. 2024. 5. 17.
04. 배열 데이터 활용, useRef 1. 배열 데이터를 활용   React에서 배열 데이터를 활용하여 동적으로 사용자 목록을 표시하는 컴포넌트 구현해보자 array 앱 생성UserList.js 생성         UserList.js >              import React from "react"              function UserList() {                const users = [                    {                        id: 1,                        username: 'apple',                        email: 'apple@apple.com'                    },                  .. 2024. 5. 16.
03. Counter, Input, useState 1. Counter 컴포넌트   Cmder 실행         Cmder >        cd 경로       yarn create react-app counter       cd counter       yarn start     1. 경로이동 2. 앱생성 3. 앱 경로로 이동 4. yarn 시작   Counter.js 생성        Counter.js >              import React from "react";            function Counter() {                return (                    div>                        h1>0h1>                        button>+1button>    .. 2024. 5. 16.
02. 컴포넌트에 값 전달하기 1. 컴포넌트에 값 전달하기   방법       jSX >              Component >        function Hello(props){                안녕하세요. {props.userid}님         }   src > App.js       src > App.js  >       import React from "react";      import Hello from "./Hello";      import './App.css';        function App(){        const userid = 'apple';        const style = {          backgroundColor: 'deepskyblue',          color:.. 2024. 5. 13.
01. React, 컴포넌트 생성 1. 리액트(React) - facebook에서 개발한 JavaScript 사용자 인터페이스를 만들기 위한 라이브러리 - 재사용이 가능한 UI 컴포넌트를 작성할 수 있게 해주며,     데이터의 변경에 따라 UI를 효율적으로 업데이트할 수 있는 방법을 제공 - Virtual DOM을 사용하여 실제 DOM 조작을 최소화하고 성능을 향상 - 단일 페이지 응용 프로그램(SPA) 및 대규모 웹 애플리케이션에서 많이 사용 - JSX라는 문법을 통해 JavaScript 코드 내에서 HTML과 유사한 문법을 사용하여 컴포넌트를 정의 라이브러리(liberary) vs 프레임워크(Framework)라이브러리 - 개발자가 필요할 때 함수 또는 모듈을 호출하여 사용하는 방식- 애플리케이션의 전체 구조를 개발자가 직접설계- .. 2024. 5. 13.
19. Mongoose 1. Mongoose  - Node.js와 MongoDB를 위한 ODM(Object Data Mapping) 라이브러리 - Javascript Object와 MongoDB의 데이터를 Mapping하여 호환성을 만들어내고, 간편한 CRUD를 가능하게 한다. branch 이동/확인         git  switch mongodb        git branch    Mongoose 설치        npm i mongoose   2. Mongoose로 DB연결하기  db > database.js       database.js  >             import { config } from '../config.js';            //import MongoDb from 'mongodb'; //삭.. 2024. 5. 10.
18. MongoDB 1. MongoDB- NoSQL 데이터베이스 시스템 중 하나로, 문서 기반 데이터 저장 방식을 채택한 오픈소스 DBMS- 관계형 데이터 베이스와는 달리 스키마가 없다.- JSON 형식의 BSON(Binary JSON) 문서를 시용하여 데이터를 저장- 유연하고 확장 가능해서 대량의 데이터를 다루는 대규모 어플리케이션과 웹 서비스에서 주로 사용 - NoSQL 데이터베이스는 관계형 데이터베이스와 다르게 스키마가 고정되어 있지 않아 유동적인 데이터 구조를 다를 수 있다- 문서 데이터베이스 환경에서 잘 작동 (수평적 확장이 가능 ) 사이트: https://www.mongodb.com/ko-kr  MongoDB: 개발자 데이터 플랫폼업계 최고의 최신 데이터베이스를 토대로 구축된 개발자 데이터 플랫폼을 사용해 아이디.. 2024. 5. 9.

티스토리툴바