본문 바로가기
반응형

개발7

[Crawl] 파이썬 셀레니움과 bs4를 이용한 네이버 지도 크롤링 [1] (Naver Place) with selenium and BeautifulSoup 네이버 지도에서 가게 정보를 가져오는 크롤링을 만들면서 정리한 글입니다. (다른 곳 크롤링보다 네이버 지도의 크롤링이 까다로웠습니다. iframe 이동, 어떤 주기로 인한 클래스네임 변경 및 xpath가 다른 예외.. 등등) 크롤링 과정을 간단하게 설명하겠습니다. 네이버 지도 url을 크롬드라이버를 통해 연다. 검색창에 지역명을 입력한다. 나오는 가게들을 순차적으로 클릭하여 나오는 정보들을 크롤링한다. 그럼 시작 하겠습니다. 먼저, 아래 링크에서 자신의 크롬 버전에 맞는 드라이버를 다운로드 하겠습니다. https://chromedriver.chromium.org/downloads ChromeDriver - WebDriver for Chrome - Downloads Current Releases If yo.. 2024. 3. 14.
[Airflow] Airflow 설치 및 시작하기 1. Airflow 설치 Airflow를 로컬 환경에서 쉽고 간단하게 설치하고 시작하는 것을 알아보도록 하겠습니다. 1) Airflow 가상 환경 설정 python3을 이용한 가상 환경 설정 방법입니다. # 가상환경 생성 $ python3 -m venv test-airflow # 가상환경 실행 $ source test-airflow/bin/activate - 'test-airflow' 자리는 원하는 가상 환경 명을 적으시면 됩니다. 2) Airflow 설치(install) 가상 환경을 실행하고 다음 명령어를 입력하여 airflow를 설치해줍니다. pip install apache-airflow 3) Airflow DB 초기화 airflow는 기본적으로 sqllite를 사용합니다. 다음 명령어를 입력하면 .. 2022. 12. 20.
[React] React 왕기초 문법 정리 2(아니 이것도 정리한다고?) 1탄에 이어서 작성하도록 하겠습니다. 2022.11.30 - [개발/React] - [React] React 왕기초 문법 정리 1(아니 이것도 정리한다고?) [React] React 왕기초 문법 정리 1(아니 이것도 정리한다고?) React의 완전 기초 문법들을 정리해보려고 합니다. 기초 문법들을 제가 공부한다는 느낌으로 같이 기록 남길 겸..? 공유하는 목적으로 작성합니다.(아주 간단히!!) (문법 정리 목록) export -> import 동 de-bugging.tistory.com 1탄 안 보고 오신 분은 위 포스팅 보고 오시면 됩니다. (문법 정리 목록) export -> import 동치 연산자 if, else 삼항 연산자 setState ...props object.keys(values) `$.. 2022. 12. 1.
[React] React 왕기초 문법 정리 1(아니 이것도 정리한다고?) React의 완전 기초 문법들을 정리해보려고 합니다. 기초 문법들을 제가 공부한다는 느낌으로 같이 기록 남길 겸..? 공유하는 목적으로 작성합니다.(아주 간단히!!) (문법 정리 목록) export -> import 동치 연산자 if, else 삼항 연산자 setState ...props object.keys(values) `${변수사용}` ( 따옴표 아님) 1. export -> import React는 라이브러리이기 때문에 다른 라이브러리를 불러오거나 할 수 있습니다. 혹은 다른 파일을 불러오기도 하는데 이때 사용하는 것이 export와 import입니다. python 같은 경우는 import로 파일 경로를 입력하거나 모듈을 사용할 때 import만 입력하면 된다고 하면 React는 import 할 .. 2022. 11. 30.
[React 시작하기 2] hello, world! [React 시작하기 1]에 이어서 환경 설정 세팅까지 완료됐으니 "hello, world!"를 찍어봅시다. 2022.11.24 - [개발/React] - [React 시작하기 1] 환경 설정 세팅 [React 시작하기 1] 환경 설정 세팅 윈도우 환경 기준이고, vscode로 진행하겠습니다. 1.Node.js 설치 및 버전 확인 먼저 node.js를 설치해줍니다.(npm은 node.js 설치하면 같이 설치가 됩니다.) https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runti de-bugging.tistory.com 환경 설정 세팅은 위 포스팅을 참고해주시기 바랍니다. React 프로젝트를 생성하고 실행까지 했다면, localhost에 화면까지 띄우셨.. 2022. 11. 24.
[React 시작하기 1] 환경 설정 세팅 윈도우 환경 기준이고, vscode로 진행하겠습니다. 1.Node.js 설치 및 버전 확인 먼저 node.js를 설치해줍니다.(npm은 node.js 설치하면 같이 설치가 됩니다.) https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위 사이트에 들어가시면 이 화면이 나오는데 여기서 왼쪽 버전을 다운로드하는 것을 추천드립니다. 그 이후 설치하시면 되는데 따로 선택할 것은 없고 쭉 next 누르고 install 누르시면 설치가 완료됩니다. 설치가 잘됐는지 확인하기 위해 새 터미널을 오픈하시고 명령어를 입력하여 확인해줍니다. node -v npm -v 이렇.. 2022. 11. 24.
React vs Vue (vs Svelte ??) 많은 프론트엔드 분들은 React와 Vue에 대해서 익숙하실 거라 생각됩니다. Svelte는 요즘 뜨고 있는 기술인데요. 세 개 모두 좋은 성능을 지녔다고 하는데 저도 정확히 알지 못해 정리하는 목적으로 작성하였습니다. [React vs Vue] React와 Vue 둘 중에 뭐가 나은지 고민이신가요? 저도 같은 생각이라 정리해봤습니다.ㅎㅎ 먼저, 둘의 큰 차이점을 보면 React는 라이브러리, Vue는 프레임워크입니다. React는 비교적 자유도가 높아 다른 라이브러리를 끌어다 쓰며 개발자마다 응용 방식에 따라 차이를 보여줄 수 있고, Vue는 프레임워크로 기능이 이미 다 정해져 있기에 정해진 문법으로만 개발을 할 수 있습니다. React 쉽고 단순한 디자인 패턴을 가지고 있습니다. JSX문법을 사용하여.. 2022. 11. 23.
반응형