[내일배움캠프 4일차] Python 가상 환경 생성, 스크래핑(크롤링), Flask

Crawling

• soup.select('태그명')
• soup.select('.클래스명')
• soup.select('#아이디명')
• soup.select('상위태그명 > 하위태그명 > 하위태그명')
• soup.select('상위태그명.클래스명 > 하위태그명.클래스명')
• 태그와 속성값으로 찾기
  soup.select('태그명[속성="값"]') 
• 한개만 가져오는 경우
  soup.select_one('위와 동일')

temperature_text안의 strong데이터를 가져오기 위해 > 를 사용
.contents는 리스트로 들어있는 요소를 알아서 쪼개줌
우리가 원하는 현재 온도 수치는 1번 인덱스이므로 .contents[1]

---

가상환경 구축

보기 - 명령 팔레트 - env - Python: Create Environment - Venv - Python 3.8.6 - 터미널 만들기 - (.venv) 확인 - .venv폴더 생성 확인 - 완료

---

Flask 세팅

새 폴더 templates 생성 - 새 파일 app.py 생성 - templates폴더 안에 새 파일 index.html 생성

---

Flask 기본 실행

name 변수에 = '이규호' 할당.
data = name -> name 변수를 data라는 이름으로 넘겨주는 것.

index.html에서 data를 사용함으로써 app.py에서 선언한 변수 name을 사용할 수 있음.
{{ data }} 처럼 갈매기괄호 두개 안에 넣어서 사용.

한번에 여러개 할 때는 요런식으로 딕셔너리 형태로 할당.
이후 return 역시 context 딕셔너리를 data이름으로 넘겨준다.

사용할 때는 index.html 이렇게.

---

이미지 삽입

img 태그를 만들고 {{}}안에 url_for('static', filename='coinman.png') 경로를 입력.

 

이미지 크기는 css로 조정.

style태그 안에 img {}로 태그 만들고, height를 100px로 설정.

---

영화만들기

1. <form>태그 생성
2. <input>생성
3. <button:submit> 생성

form action에는 데이터를 어디로 보낼지 입력, 여기서 {{}} 안에 url_for('movie') 입력, 이미지 경로 삽입과 동일함.
name에는 데이터 이름, 여기서는 query.
즉 app.py의 movie에다가 사용자가 입력한 데이터 입력을 query라는 이름으로 보낸다는 것.

사용자의 검색결과 요청을 받아 처리하기 위해 request를 입력.

movei.html에서 정한 이름인 query로 요정을 받는다는 의미.

---

오늘의 회고

프로젝트 조의 발표 내용을 들으면서 동기부여가 됐다.

비전공자인 분들도 많았는데 다들 잘하셔서 놀랐다.

적은 시간 속에서 최선을 다한게 느껴졌고 멘토님들의 피드백도 알찼다.

 

내일의 목표는 파이썬 문법 주차 시작 + 집중력 조금만 더 올리기