휴지통.. (44) 썸네일형 리스트형 React - 기초 ( 컴포넌트, 변수,CSS ) - React 기초 초반 create-react-app 과 초기 설정 같은 부분은 뛰어넘고 진행할것이다. 해당 글은 유튜브 강의 : https://www.youtube.com/watch?v=05uFo_-SGXU 를 보고 진행할것이다 - APP.js react는 Index.js로 부터 시작하는데 위의 사진 JSX 부분과 같이 를 통해 REACT가 실행되는것을 확인할 수 있다. - 컴포넌트 기초 강의 중 컴포넌트 설명을 들으면서 3가지의 컴포넌트를 설정하였다. - Test.js name 이라는 변수와 naver 라는 객체 변수를 설정하여 { } 를 통해 변수를 표시하였습니다. - Css.js React에서는 다양한 방법으로 CSS 스타일을 적용할 수 있는데 두가지의 방법으로 진행하였습니다. 1. 인라인 첫번.. 파이썬을 이용한 크롤링 - 인스타그램 이미지 머신러닝 수업을 들으면서 데이터셋을 많이 모아야 했는데 kaggle사이트를 통해 데이터셋을 받는 쉬운 방법도 있지만 직접 파이썬 크롤링을 이용하여 데이터셋을 모으고 싶었다. - 인스타그램 크롤링 구글 이미지를 통해 파이썬 크롤링을 진행하였지만 이미지가 부족했고, 공식적인 이미지가 많이 보였기 때문에 인스타그램을 통한 크롤링을 진행하기로 하였다 - 파이썬 코드 파이썬 크롤링을 위한 전체 코드 - 코드 설명 인스타 그램 로그인을 하기위해 아이디와 비밀번호를 입력해 줍니다. 아이디 input 박스와 비밀번호 input박스의 css selector 가 같기 때문에 input_id = driver.find_elements_by_css_selector('input._2hvTZ.pexuQ.zyHYP')[0], inp.. 파이썬을 이용한 크롤링 - 구글 이미지 머신러닝 수업을 들으면서 데이터셋을 많이 모아야 했는데 kaggle사이트를 통해 데이터셋을 받는 쉬운 방법도 있지만 직접 파이썬 크롤링을 이용하여 데이터셋을 모으고 싶었다. - Selenium 다운로드 파이썬 크롤링은 beautifulsoup과 Selenium이 유용하고, 많이 사용되는데 나는 Selenium을 쓰기로 했다. Selenium을 사용해야 다양한 크롤링을 진행할 수 있기 때문( 인스타그램 크롤링도 진행 예정 ) 크롬 드라이버는 https://chromedriver.chromium.org/downloads 해당 URL에서 다운로드하였다. - 크롬 드라이버 다운로드 파이썬을 통해 크롤링을 하기 위해서는 크롬 드라이버를 사용하여 크롬을 제어해야 한다. 크롬 드라이버는 https://chromedr.. REACT - 코로나 집계 React를 이용한 코로나 집계 사이트 코로나 관련 뉴스를 찾아보던 도중 React를 활용한 간단한 코로나 집계 사이트 강의가 있어서 만들어 보았습니다. 컴포넌트 관리 컴포넌트는 내용을 담는 Content와 Header로 설정 API 불러오기 코로나 관련 API는 https://api.covid19api.com/dayone/country/kr 오픈 API를 사용하였습니다. useEffect를 사용하여 페이지 로딩과 함께 API를 불러오고 불러온 items를 reduce를 통해 각각의 객체를 분류합니다. find를 활용해서 값이 유효한 경우에 값을 불러오도록 설정해 줍니다. API를 통해 불러온 값을 차트를 사용하여 화면에 나타내기위해서 react-chartjs-2를 사용합니다. 저는 강의와 같이 Bar,.. 이전 1 ··· 3 4 5 6 다음
