노트

. 이렇게 왼쪽 정렬된 탭을 . 이렇게 페이지 폭에 맞춰서 같은 사이즈로 만들고 싶을때 . . 1 2 3 4 5 첫줄의 ul태그의 클래스에 "nav-justified"를 추가해주면 된다. . .

. . nav bar로 탭을 만들었는데 마우스를 올렸을 때 효과를 주려고 아래와 같이 css를 작성했는데 먹히지가 않아서 이것 저것 시도해봤다. . .col ul li a:hover { border: 1px solid #b4b4b5; border-bottom-color: #f4f3ef; } . . 일단 탭의 코드는 아래와 같다. . //html 1 2 3 1번탭 2번탭 3번탭 . . 태그로도 해보고 클래스로도 해봤지만 전혀 먹지를 않아서 고생중이었는데 실수로 :hover를 두번 쳤더니 먹혔다,, 왜이런걸까..? . . .col ul li a:hover:hover { border: 1px solid #b4b4b5; border-bottom-color: #f4f3ef; } . . . 먹혔음; . .

안녕하세요! 이번엔 중고나라를 크롤링했습니다. 예전에 과제로 했던거라 기억은 잘 안나지만 최대한 써볼게요! 제가 크롤링한 부분은 중고나라의 미개봉 새상품 목록입니다. 크롤링할 데이터는 아래 내용입니다. . Selenium을 사용하기 위해서는 chrome web-driver가 필요한데 제 이전 게시물에서 설명했으니까 참고해 주세요. 참고로 저는 주피터 노트북으로 작업했습니다. . . . ln[1]: #중고나라에서 크롤링으로 데이터 뽑기 from selenium import webdriver import time driver = webdriver.Chrome('C:/Users/samsung/Downloads/chromedriver') driver.get('https://cafe.naver.com/joongg..

안녕하세요! MongoDB 연결은 이전 게시물을 참고해 주세요. . 먼저 express를 설치해 줍니다. npm install express . 그리고 MongoDB 스키마를 만들어줍니다. user.js const mongoose = require('mongoose'); const Account = new mongoose.Schema({ userId: { type: String, unique : true, required : true }, userPw: String, coin: Number, }); module.exports = mongoose.model('User', Account); userId에 있는 unique, required는 간단히 설명하면 unique : 중복값 저장 불가, required..

안녕하세요! MongoDB와 Node.js는 깔려있다고 가정하고 시작할게요. (MongoDB 설치) 먼저 mongoose를 설치해줍니다. npm install mongoose mongoose는 MongoDB의 스키마를 관계형 DB처럼 지정할 수 있도록 해 주는 모듈입니다. . . db연결부분을 작성하기 전에 dotenv를 설치하고 .env파일을 작성합니다. 왜 작성하는지는 아래에 설명하겠습니다. npm install dotenv .env MONGO_URI=mongodb://localhost:27017/collectionName MONGO_URI의 collectionName에는 본인이 만든 collection의 이름을 적으면 됩니다. . . 설정 정보가 변경되면 코드의 수정과 배포를 다시 해야 하고, gi..

안녕하세요! 과제에 사용할 데이터를 뽑으려고 크롤러를 만들었습니다. 데이터는 제목, 동영상의 길이, 채널명, 구독자 수, 조회수, 올린지 얼마나 되었는지(업로드 시점), 그리고 현재 시간 이렇게 총 7종류를 뽑았습니다. 저는 BeautifulSoup4를 사용했고, 스크롤을 내려 더 많은 데이터를 뽑기 위해서 Selenium도 사용하였습니다. . 먼저 데이터를 뽑고싶은 유튜브 채널을 켜줍니다. 이제 이 페이지의 코드를 뽑아볼건데 뽑기 전에 Selenium에서 사용할 chromedriver를 설치해 줍니다. 링크에 들어가면 크롬 버전이 여러 개 있는데 크롬정보에 들어가면 버전을 알 수 있습니다. 다운로드 받고 경로를 기억해 둡니다. Selenium을 사용한 이유는 스크롤을 내리지 않고 그냥 코드를 뽑으면 데..

이전 게시글에서 라즈베리파이에 라즈비안을 설치해 보았는데 이번 게시글에서는 VNC로 라즈비안에 원격 접속해 보도록 하겠습니다. 이전 게시글 보기 먼저 라즈베리파이의 ip를 확인합니다. 라즈베리파이의 ip는 아래의 사진처럼 와이파이에 마우스를 올려놓으면 확인 가능합니다. 그리고 아래 사이트로 들어가서 vnc를 다운로드 해 줍니다. https://www.realvnc.com/en/connect/download/viewer/windows/ chrome으로 다운받으면 편하기 때문에 저는 chrome으로 다운 받도록 하겠습니다. 다운로드롤 완료하면 다음부터는 chrome://apps/ 에서 실행할 수 있습니다. 처음 시작하면 다음의 화면이 나오는데 라즈베리파이의 ip와 VNC의 포트번호를 입력한 후 connet를..

라즈베리파이에 라즈비안을 설치하려면 라즈베리파이3 b+ Micro SD Card(16GB 이상) Micro SD Card 리더기 LCD 모니터 USB 키보드 이 다섯 가지를 준비해 줍니다. 1. 라즈비안 다운로드 SD카드에 라즈비안을 설치하기 위해 먼저 라즈비안을 다운로드 해줍니다. https://www.raspberrypi.org/downloads/raspbian/ 초록색으로 표시한 ZIP 파일을 다운받아줍니다. 2. Win32 Disk Imager 다운로드 이미지 파일을 설치하려면 설치 프로그램이 필요하기 때문에 아래 링크에서 다운받아주세요. https://sourceforge.net/projects/win32diskimager/ 설치가 끝나면 위와 같은 메시지가 나옵니다. 3. 설치된 라즈비안 실행..