Python - [크롤링 실습] selenium으로 번개장터 조회하기 2 (페이지 순환)

서론 지난 포스트에서는 단순하게 번개장터에서 검색 후 데이터를 취득하는 과정을 가지고 왔습니다. 단순히 처음 검색해서 나온 결과의 페이지에서만 데이터를 취득했습니다. 본문에서는 많은 이제 각각의 검색 결과의 모든 데이터를 취득하는 과정을 추가해 보도록 하겠습니다. Python - [크롤링 실습] selenium으로 번개장터 조회하기 1 (접속,검색,취득) 서론 본격적으로 Python에서 크롤링을 해보기 위해서 번개장터 웹 페이지를 다뤄보도록 합시다. 초기 준비단계에서의 소스코드는 다음과 같습니다. from selenium import webdriver from selenium.webdriver.comm.. blog-of-gon.tistory.com Get요청을 통한 페이지 순환 구현하기 번개장터를 통해 ..

2022.07.07

컴퓨터/Python

Commnet

Python - [크롤링 실습] selenium으로 번개장터 조회하기 1 (접속,검색,취득)

서론 본격적으로 Python에서 크롤링을 해보기 위해서 번개장터 웹 페이지를 다뤄보도록 합시다. 초기 준비단계에서의 소스코드는 다음과 같습니다. from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.common.keys import Keys browser = webdriver.Chrome() browser.implicitly_wait(time_to_wait=10) browser.get('https://m.bunjang.co.kr/') 규약 확인하기 우선 크롤링을 사용해도 되는지 먼저 확인을 해보도록 하겠습니다. https://m.bunjang.co.kr/robots.txt에 들어가면..

2022.07.02

컴퓨터/Python

Commnet

Javascript - HTML에 Javascript삽입하기 (총 정리)

서론 Javascript 언어를 사용하는 주된 목적 중 하나는, 품질 좋은 웹 서비스를 만들고 제공하기 위해서입니다. 즉, html에서 javascript언어로 만든 코드를 실행시킬 수 있어야 합니다. 다양한 방법으로 html에서 javascript를 실행시키는 방법을 알아보도록 합시다. 어떤 방법이 존재하는가? 대표적으로 Javascript를 html문서에 삽입하는 방법이 존재합니다. 직접 javascript코드 삽입하기 외부 javacript코드(파일) 삽입하기 보통 첫 번째의 경우 간단한 스크립트 거나, 해당 html문서에만 적용하는 경우 자주 사용합니다. 간단하나, 관리측면에서는 불편한 부분이 있습니다. 두 번째의 경우 하나의 파일 형태로 보관하여 개별적인 작업이나 유지보수에 용의 할 수 있습니다..

2022.06.25

컴퓨터/Javascript

Commnet

내맘대로 티스토리 스킨 2 - 아이콘 및 상단 바 추가

서론 및 Githup 역시 아무 계획도 없이 무질서하게 시작하다 보니, 벌써부터 전면적인 수정을 하고 싶다. 근데 귀찮으니 일단 구조만 먼저 만들어 보록 합시다.. GitHub - Gon-91/TISTORY-SKIN Contribute to Gon-91/TISTORY-SKIN development by creating an account on GitHub. github.com 상단 바 및 아이콘 추가. 어플과 비슷한 형태로 만들고 싶어서 상단바를 추가했습니다. 좌측에는 블로그 로고가, 우측에는 검색과 메뉴를 들어갈 수 있는 아이콘 버튼을 만들었습니다. 역시나, 내 맘대로 이해한 그리드 기법을 이용해서 배치하였습니다. 로고 부분 xml에 로고에 대한 부분을 추가하여 로고 이미지를 등록할 수 있게 했습니다...

2022.06.25

컴퓨터/Projects

Commnet

HTML & CSS - SVG 다루기(삽입 방법)

서론 백터 이미지의 확장자명인 SVG파일을 웹 서비스상에서 많이 볼 수 있다. 실제로 서비스를 개발하는 과정에서도 이 SVG 파일을 이용하는 경우가 많다. 본문에서는 SVG에 대한 간략한 개념을 이해하고, 웹 개발을 사용하는데 어떻게 사용할 수 있는지 알아보자. 백터 이미지? SVG? 비트맵 계열의 이미지들을 각각의 픽셀에 대한 정보를 저장한 이미지 데이터입니다. 하지만, 백터 이미지는 수학적 함수를 이용해 이미지를 표현하는 방식을 말합니다. 수학적으로 표현한 이미지가 백터 이미지는 개념적인 종류를 구분하는 것입니다. 여기에 어떠한 규칙으로, 어떠한 표기법으로 이미지를 수학적인 표현을 할 것인가 또는 백터 이미지를 표현하는 규칙을 정한 형태가 바로 SVG입니다. 정리하자면, 백터 이미지는 개념이고 이를 ..

2022.06.20

컴퓨터/HTML&CSS

Commnet

HTML & CSS - Uicons 사용하기 (손쉽게 아이콘 이미지 삽입)

서론 웹 페이지를 만드는 과정에서 아이콘이나 이미지를 자주 사용하게 됩니다. 이때 아이콘이나 이미지를 구하고 사용하고자 하는 웹페이지에 적용하기에는 상당히 번거로운 과정들이 존재합니다. 본문에서는 flaticon에서 제공하는 Uicons를 사용해서 손쉽게 이미지 또는 아이콘을 추가하는 방법을 알아보겠습니다. Flaticon? unicons? Flaticon은 무료 아이콘을 제공해주는 사이트로 손쉽게 아이콘을 구해서 사용할 수 있습니다. 그중 flaticon에서는 Uicons라는 서비스를 제공해줍니다. unicons는 범용적인 아이콘을 무료로 제공해 줍니다. 물론 , 어느 정도 라이선스 약관에 따른 제약조건과 저작권 표시가 필요하긴 하지만, 공통된 아이콘을 사용하기 위해서 아주 효율적인 서비스입니다. 직접..

2022.06.18

컴퓨터/HTML&CSS

Commnet

HTML & CSS - [CSS] 요소 정렬하기

서론 원하는 레이아웃을 만들고 요소를 배치하는 과정에서 정렬은 필수적인 요소입니다. CSS에서 정렬을 하는 방법은 정말 다양하고 상황에 따라 적절하게 사용할 줄 알아야 합니다. 또한 부모 요소들이 변경되는 과정에서 정렬을 잘못 사용하게 되면 유지보수가 힘들어질 수 있기 때문에 정렬을 하는 다양한 방법에 대해 숙지하고 적절하게 사용하도록 합시다. 요소 수평(가로) 중앙 배치하기 - margin 이용 block요소는 margin속성을 이용해서 손쉽게 중앙으로 정렬이 가능합니다. 사실 중앙으로 정렬한다기보다는 중앙으로 요소를 배치하는 방법입니다. block요소는 자동으로 줄 바뀜이 일어나는 특징이 있습니다. 따라서 좌우의 여백 값이 동일하다면 자연스럽게 요소는 가운데로 옵니다. 자동으로 margin속성을 균일..

2022.06.12

컴퓨터/HTML&CSS

Commnet

내맘대로 티스토리 스킨 1 - 서론 및 초기 준비

서론 내 블로그 스킨 만들기 프로젝트 처음부터 끝까지 손수 블로그 스킨 만들기! 목표도 기간도 없습니다. 그냥 배우면서 하나씩 덕지덕지 만들어보려고 하고 있습니다. 가능하면 순수 HTML & CSS & Javascript만을 사용하려 하고 있습니다. GitHub - Gon-91/TISTORY-SKIN Contribute to Gon-91/TISTORY-SKIN development by creating an account on GitHub. github.com index.xml 우선 index.xml파일을 다른 기본 스킨들에서 가지고 와서 만들었습니다. 우선 메인 url의 커버쪽을 만들기 위한 데이터와 기본 정보에 대한 데이터를 정의했습니다. Compact_Blog 1.0 https://github.co..

2022.06.12

컴퓨터/Projects

Commnet

Javascript - typeof 연산 ( 변수의 원형 파악하기)

서론 C나 Java 등의 언어에서는 자료형과 함께 변수를 선언합니다. 하지만 Javascript에서는 동적인 할당으로 인해서 특정 변수의 자료형을 확인하기가 쉽지 않습니다. 또한 다양한 메서드나 함수들로 호출되는 결괏값 또한 어떤 자료형인지 파악하기가 힘든 경우가 있습니다. 이를 간단하게 typeof 연산을 통해서 알아볼 수 있습니다. Javascript에서도 다양한 자료형이 존재합니다. 변수를 선언할 때 자료형을 표시하지 않는 것뿐이지 Javascript에서도 자료형은 존재합니다. 본문에서는 자료형에 따른 자세한 내용은 설명하지 않지만, 어떤 것들이 있는지 먼저 살펴봅시다. 자료형 Undefined Null Boolean Number BigInt String Symbol Object Function O..

2022.06.09

컴퓨터/Javascript

Commnet

Javascript - 요소의 추가 및 제거 하기 (+ 복사)

서론 Javascript로 요소를 추가하고 제거하는 것은 동적인 웹페이지를 만들기 위한 기본적인 요소중 하나입니다. 본문에서는 이 방법을 알아보도록 합시다. 요소를 생성하자 - document.createElement 우선 특정 위치에 새로운 요소를 추가하고 싶다면, 요소를 먼저 만들어주어야 합니다. 요소를 만들어주기 위해서는 document객체에 createElement 메서드 호출하여 만들 수 있습니다. const newel = document.createElement('h1'); 새로운 Element 객체를 반환하며, 만약 tagName이 존재하지 않는 다면 HTMLUnknownElement객체를 반환합니다. 요소의 위치를 정해주자 1 - Node.appendChild() 새로운 요소를 만들어 주었..

2022.06.09

컴퓨터/Javascript

Commnet