본문 바로가기
반응형

전체 글1100

Vue.js 실습 part.1 (React, Vue, Angular 소개) frontend란 backend의 반대되는 말로 한 페이지를 웹브라우져 상에 표시하기 위해서는 데이터베이스 등에서 데이터를 가져오고 그 가져온 데이터를 보기 쉽도록 화면에 표현을 해주어야하는데, 데이터를 가져오는부분을 백엔드, 표현해주는부분을 프론트엔드라고 생각을 하면 편하다. 예전의 프로그래밍의 프론트엔드로는 서블릿언어 쪽에서 jsp나 자바스크립트, jquery 등을 많이 사용하였는데, 현재는 다양하게 많은 언어가 자바스크립트 기반으로 생겨났고, 그들중 가장 많이 사용하는 프론트엔드 프레임워크 top3는 현시점에서는 다음과 같다. React Vue angular 이미지는 다음과 같다. 특징은 SPA개발을 위한 프레임 워크로 복잡한 페이지 개발에 유용하다. SPA 란 Single Page Applicat.. 2022. 2. 27.
implements, extends 란? java를 사용해본 분들이라면 상속의 개념에 대해서는 들어봤을것이다. 그리고 사용해보지 않으신분들도 상속이라는게 뭔지는 알것이다. 프로그래밍언어에서 말하는 상속이란, 부모 클래스와 자식 클래스 사이에서 자식 클래스에서 부모 클래스의 기능을 가져다 쓰는것을 상속이라고 한다. 자바의 큰 특징중 하나는 OOP라는것인데, 이것은 객체지향프로그래밍의 약자이다. 객체 지향프로그래밍에서의 상속은 가장 당연하게 중요한 요소 중 하나이다. 그럼 implements랑 extends가 어떻게 다른지를 확인해보자. 둘다 사용법은 마찬가지로 클래스를 구현하면서 이어서 붙여주는 방식이다. implements 부모의 클래스를 현재 자식의 클래스 내에서 한번 재정의 해줄 필요가 있다. 우리가 아는 상속이라면 그냥 가져다 써야하는데 .. 2022. 2. 26.
다중 OS를 다루는 방법(vmware) 일반적으로 사람들이 사용하고 있는 OS는 데스크탑,노트북 등을 기준으로는 window / mac 일것이고 스마트폰을 기준으로는 android / ios 일 것이다. 여기서 window를 제외하고는 따지고 보면 나머지는 linux 기반의 운영체제 이지만 현재 내가 사용하고 있는 os가 아닌 다른 os를 사용해야할 경우가 생긴다. 물론 디바이스 단에서 부팅시 조정을 하여 선택을 하게 할수도 있지만, 이보다 오늘은 vm(virtual machine)이라고 하여 현재 내 os 위에 가상의 os를 하나 더 설치 하는 방법에 대해서 알아볼것이다. mac에서는 쉘 특성에 따라 다른 linux부분을 공부할수도 있고, android에서도 리눅스를 경험해볼수 있다. mac에서는 또 윈도우를 사용하기 위해 특정 프로그램을 .. 2022. 2. 25.
JDK , JRE , JVM 차이? 이번 포스팅에서는 java를 사용하게 된다면 무조건 만나게 되는 이 jdk, jre, jvm에 대해서 설명을 해볼것이다. 용어의 관계는 JDK가 JRE,JVM을 포함하고 있고, JRE는 JVM을 포함하고 있다. 그림으로 본다면 다음과 같다. 작은것부터 jvm , jre , jdk 순서대로 하나하나 소개를 해보도록 할 것이다. JVM Java Virtual Machine 의 약자로 자바의 최대 강점중 하나는 jvm 이라는 자바 가상환경 어디서든 자바 코드를 돌릴수 있다는 점이다. 그러면서 추가적으로 메모리를 효율적으로 관리 및 최적화를 해주는데 이 작업을 가비지컬렉션 이라고 하여 jvm이 메모리를 관리하는 프로세스를 지칭하는 말이다. JRE Java Runtime Environment 의 약자로 자바 클래.. 2022. 2. 24.
python 크롤링 part.6 많은 개발자도구를 보면 눈도 아프고 어렵긴 한데, 이것을 좀 쉽게 보고 표현할 수 있게 해주는 것이 있는데 css selector이다. 기존 방법에 비해 좀 어려울 순 있으나 알게 되면 더욱 쉽다. 한번 실습을 해보면 느낌이 올테니 해보도록 할것이다. 쇼핑몰에서 가격을 조회하는 프로그램을 만들어볼것이다. 그럼 쇼핑몰에서 저번 포스팅 처럼 맥북을 검색하는 것 까지는 기존 코드에서 그대로 가져와볼것이다. import time from selenium import webdriver from selenium.webdriver.common.keys import Keys opts = webdriver.ChromeOptions() opts.add_argument('user-data-dir=Chrome') driver.. 2022. 2. 23.
python 크롤링 part.5 이번 포스팅은 검색 결과나 카페 등에서 데이터를 가져올 경우 페이지를 이동하며 데이터를 수집해야할 경우가 있을수도 있다. 그럴 때 사용할수 있는 페이지네이션 처리 적용 방법을 다뤄볼것이다. 즉 , 페이지를 순회하며 데이터를 수집하는 실습을 해볼것이다. 저번 포스팅에 있던 중고나라 데이터 수집에서 iframe 페이지 까지 들어오는것은 완료가 되었다는 기준으로 이어서 설명을 하도록 할것이다. 먼저 첫번째는 페이지를 1,2,3,4,5...다음,11,12 넘기면서 데이터를 가져 와보고 다음은 무한 스크롤이 있는 페이지에서도 스크롤을 내리면서 데이터를 가져와 볼 것이다. 일단 공통 코드는 저번포스팅 까지 했었던 아래와 같다. import time from selenium import webdriver from s.. 2022. 2. 22.
python 크롤링 part.4 저번 포스팅에 이어서 이번엔 단순 네이버 뉴스 정보 가져오기나 검색이 아닌 특정 카페에서 내가 필요한 정보를 가져오는 작업을 해볼것이다. 예를들어, 중고나라에서 당신이 '맥북'에 대한 정보를 가져오고 싶을때 할수 있는 방법이다. 근데 여기서 의문점이 든다. 일반 검색이랑 똑같이 하고 진행하면 되는것 아닌지? 하고 말이다. 하지만 part.3에서는 단일 페이지 안에 있는 데이터를 가져왔다고 하면 이번엔 네이버 중고나라 카페 등에서는 iframe이라는 것을 사용하여 페이지 안에 또다른 페이지를 띄우는 형식인데, 그렇게 되어있을 경우 가져올수 있도록 해볼 것이다. 일단 저번시간 까지 했다면 중고나라 사이트에 들어가고 검색 칸에다가 '맥북' 이라고 검색해서 나오는 창까지는 만들수 있을 것이다. 코드는 다음과 같.. 2022. 2. 21.
python 크롤링 part.3 저번 포스팅 까지는 특정 주소를 url 을 적어서 들어갔다면 이번에는 네이버에서 특정 텍스트를 검색하고 그 결과에 나온 검색 결과에서 원하는 제목의 기사나 블로그, 지식인 등에서 가져오도록 할것이다. 기존 파일에 덮어써도 되지만 나는 추가로 python파일을 새로 하나 만들었다. 그리고 저번시간에 짰던 코드 부분에서 아래 부분들을 그대로 가져왔다. from selenium import webdriver driver = webdriver.Chrome('./chromedriver') driver.get('https://www.naver.com/') 그다음 url 주소 부분을 naver 주소로 바꾸었다. 이렇게 실행을 한다면 네이버 창이 뜨기만 한다. 여기서 똑같이 F12를 눌러서 검색하는곳에 마우스를 클릭해.. 2022. 2. 20.
python 크롤링 part.2 저번 포스팅에서는 페이지에서 글을 뭉텅이로 한번에 가져오는것을 연습하였고, 그 뭉텅이에서 각각 별개로 데이터를 가져오는것 까지 진행을 해볼것이다. 저번 포스팅을 잘 따라왔다면 현재 ul tag부분까지 가져왔을텐데 ultag를 좀더 자세하게 살펴보도록 할것이다. 확대를 해보면 각각 li로 묶인것들이 5개가 들어가있고 때마침 글을 보니 5개가 있다. 저 li에 마우스를 각각 가져다 대면 하나의 기사를 가리키고 있다. 그렇다 이 하나하나의 제목값이나 내용들을 반복문을 통해서 가져오면 된다. 저번에 가져온 ultag에서 li태그들을 먼저 가져온다. litags = ultag.find_elements_by_tag_name('li') litag들을 가져올것이라서 복수형으로 s를 붙여서 변수명을 만들었고, 저번 ul.. 2022. 2. 19.
반응형

티스토리툴바