◎Ajax
참고! Ajax는 jQuery를 임포트한 페이지에서만 동작 가능합니다.
Ajax의 기본 골격
$.ajax({
type: "GET", <!-- GET 방식으로 요청한다.-->
url: "<!--이곳에 URL-->",
data: {}, <!--요청하면서 함께 줄 데이터 (GET 요청시엔 비워두세요)-->
success: function(response){ <!-- 서버에서 준 결과를 response라는 변수에 담음 -->
console.log(response) <!--서버에서 준 결과를 이용해서 나머지 코드를 작성-->
}
})
POST 요청은, data : {} 에 넣어서 데이터를 가져갑니다.// data: { param: 'value', param2: 'value2' },
<script>
function q1() {
$('#names-q1').empty();/*names-q1 내용 삭제*/
$.ajax({
type: "GET",
url: "http://spartacodingclub.shop/sparta_api/seoulbike", /*따릉이 오픈API*/
data: {},
success: function (response) {
let rows = response["getStationListHist"]["row"];
for (let i = 0; i < rows.length; i++) {/*데이터들을 dic화*/
let rack_name = rows[i]['stationName'];
let rack_cnt = rows[i]['rackTotCnt'];
let bike_cnt = rows[i]['parkingBikeTotCnt'];
let temp_html = `<tr>/*문구 작성*/
<td>${rack_name}</td>
<td>${rack_cnt}</td>
<td>${bike_cnt}</td>
</tr>`
$('#names-q1').append(temp_html);/*문구 붙이기*/
}
}
})
}
</script>
↑ 서울시 따릉이 Open API를 이용하여 만든 Ajax 코드
※추가
jQuery 이미지 태그 src 바꾸기
$("아이디").attr("src", /*이미지경로*/)a
◎파이썬
기초 문법은 javascript와 매우 흡사했다.
-변수와 기본 연산
a = 3 # 3을 a에 넣는다
b = a # a를 b에 넣는다
a = a + 1 # a+1을 다시 a에 넣는다
num1 = a*b # a*b의 값을 num1이라는 변수에 넣는다
num2 = 99 # 99의 값을 num2이라는 변수에 넣는다
# 변수의 이름은 마음대로 지을 수 있음! 하지만 직관적으로 확인 가능한 게 좋음!
-숫자 문자형
name = 'bob' # 변수에는 문자열이 들어갈 수도 있고,
num = 12 # 숫자가 들어갈 수도 있고,
is_number = True # True 또는 False -> "Boolean"형이 들어갈 수도 있습니다.
-리스트 형rhk Dictionary 형은 javascript와 동일
# a_list의 값 [1,[2,3]]
# a_list[0]의 값은? 1
# a_list[1]의 값은? [2,3]
# a_list[1][0]의 값은? 2
# a_dict의 값 {'name':'bob','age':21, 'height':178}
# a_dict['name']의 값은? 'bob'
# a_dict['age']의 값은? 21
# a_dict['height']의 값은? 178
Dictionary 형과 List형의 조합
people = [{'name':'bob','age':20},{'name':'carry','age':38}]
# people[0]['name']의 값은? 'bob'
# people[1]['name']의 값은? 'carry'
person = {'name':'john','age':7}
people.append(person)
# people의 값은? [{'name':'bob','age':20},{'name':'carry','age':38},{'name':'john','age':7}]
# people[2]['name']의 값은? 'john'
-함수
# 참고: 자바스크립트에서는
function f(x) {
return 2*x+3
}
# 파이썬에서
def f(x):
return 2*x+3
y = f(2)
y의 값은? 7
-조건문
def oddeven(num): # oddeven이라는 이름의 함수를 정의한다. num을 변수로 받는다.
if num % 2 == 0: # num을 2로 나눈 나머지가 0이면
return True # True (참)을 반환한다.
else: # 아니면,
return False # False (거짓)을 반환한다.
result = oddeven(20)
# result의 값은 무엇일까요? True
-반복문 ( 파이썬에서의 반복문은, 리스트의 요소들을 하나씩 꺼내쓰는 형태이다)
즉, 무조건 리스트와 함께 쓰인다!
fruits = ['사과','배','배','감','수박','귤','딸기','사과','배','수박']
def count_fruits(target):
count = 0
for fruit in fruits:
if fruit == target:
count += 1
return count
subak_count = count_fruits('수박')
print(subak_count) #수박의 개수
gam_count = count_fruits('감')
print(gam_count) #감의 개수
◎파이썬 패키지 -requests
import requests # requests 라이브러리 설치 필요
r = requests.get('URL')
rjson = r.json()
예제) 서울시 미세먼지 현황 open API를 이용해 현재 미세먼지 농도 60 이하인 곳의 구 이름과 농도를 출력하기
import requests # requests 라이브러리 설치 필요
r = requests.get('http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99')
rjson = r.json()
gus = rjson['RealtimeCityAir']['row']
for gu in gus:
if gu['IDEX_MVL'] < 60:
print (gu['MSRSTE_NM'], gu['IDEX_MVL'])
◎웹 스크래핑(크롤링)
- beautifulsoup4 패키지 추가 설치하기!
기본 세팅
import requests
from bs4 import BeautifulSoup
# 타겟 URL을 읽어서 HTML를 받아오고,
headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'}
data = requests.get('https://movie.naver.com/movie/sdb/rank/rmovie.nhn?sel=pnt&date=20200303',headers=headers)
# HTML을 BeautifulSoup이라는 라이브러리를 활용해 검색하기 용이한 상태로 만듦
# soup이라는 변수에 "파싱 용이해진 html"이 담긴 상태가 됨
# 이제 코딩을 통해 필요한 부분을 추출하면 된다.
soup = BeautifulSoup(data.text, 'html.parser')
#############################
# (입맛에 맞게 코딩)
#############################
- select에 미리 정의된 다른 방법들
# 선택자를 사용하는 방법 (copy selector)
soup.select('태그명')
soup.select('.클래스명')
soup.select('#아이디명')
soup.select('상위태그명 > 하위태그명 > 하위태그명')
soup.select('상위태그명.클래스명 > 하위태그명.클래스명')
# 태그와 속성값으로 찾는 방법
soup.select('태그명[속성="값"]')
# 한 개만 가져오고 싶은 경우
soup.select_one('위와 동일')
항상 정확하진 않으나 크롬 개발자 도구를 참고에 원하는 태그에서 마우스 오른쪽 클릭 Copy > Copy selector로 선택자를 복사 할 수 있음
◎DB이용하기 (pymongo)
몽고 DB의 내부를 살펴보기 위한 프로그램으로 studio3T 프로그램을 설치함
DB는 크게 2가지가 있EK.
👉 RDBMS(SQL)
행/열의 생김새가 정해진 엑셀에 데이터를 저장하는 것과 유사합니다. 데이터 50만 개가 적재된 상태에서, 갑자기 중간에 열을 하나 더하기는 어려울 것입니다. 그러나, 정형화되어 있는 만큼, 데이터의 일관성이나 / 분석에 용이할 수 있습니다.
ex) MS-SQL, My-SQL 등
👉 No-SQL
딕셔너리 형태로 데이터를 저장해두는 DB입니다. 고로 데이터 하나 하나 마다 같은 값들을 가질 필요가 없게 됩니다. 자유로운 형태의 데이터 적재에 유리한 대신, 일관성이 부족할 수 있습니다.
ex) MongoDB
-pymongo 패키지를 설치한 후 기본 코드
from pymongo import MongoClient # pymongo를 임포트 하기(패키지 인스톨 먼저 해야겠죠?)
client = MongoClient('localhost', 27017) # mongoDB는 27017 포트로 돌아갑니다.
db = client.dbsparta # 'dbsparta'라는 이름의 db를 만듭니다.
# MongoDB에 insert 하기
# 'users'라는 collection에 {'name':'bobby','age':21}를 넣습니다.
db.users.insert_one({'name':'bobby','age':21})
db.users.insert_one({'name':'kay','age':27})
db.users.insert_one({'name':'john','age':30})
-pymongo 코드 요약
# 저장 - 예시
doc = {'name':'bobby','age':21}
db.users.insert_one(doc)
# 한 개 찾기 - 예시
user = db.users.find_one({'name':'bobby'})
# 여러개 찾기 - 예시 ( _id 값은 제외하고 출력)
same_ages = list(db.users.find({'age':21},{'_id':False}))
# 바꾸기 - 예시
db.users.update_one({'name':'bobby'},{'$set':{'age':19}})
# 지우기 - 예시
db.users.delete_one({'name':'bobby'})
예시) 웹스크래핑 한 값을 pymongo를 이용해 DB저장하기 (네이버 뮤비 순위)
import requests
from bs4 import BeautifulSoup
from pymongo import MongoClient # pymongo를 임포트 하기(패키지 인스톨 먼저 해야겠죠?)
client = MongoClient('localhost', 27017) # mongoDB는 27017 포트로 돌아갑니다.
db = client.dbsparta # 'dbsparta'라는 이름의 db를 만듭니다.
# URL을 읽어서 HTML를 받아오고,
headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'}
data = requests.get('https://movie.naver.com/movie/sdb/rank/rmovie.nhn?sel=pnt&date=20200303',headers=headers)
# HTML을 BeautifulSoup이라는 라이브러리를 활용해 검색하기 용이한 상태로 만듦
soup = BeautifulSoup(data.text, 'html.parser')
# select를 이용해서, tr들을 불러오기
movies = soup.select('#old_content > table > tbody > tr')
# movies (tr들) 의 반복문을 돌리기
for movie in movies:
# movie 안에 a 가 있으면,
a_tag = movie.select_one('td.title > div > a')
if a_tag is not None:
rank = movie.select_one('td:nth-child(1) > img')['alt'] # img 태그의 alt 속성값을 가져오기
title = a_tag.text # a 태그 사이의 텍스트를 가져오기
star = movie.select_one('td.point').text # td 태그 사이의 텍스트를 가져오기
doc = {
'rank' : rank,
'title' : title,
'star' : star
}
db.movies.insert_one(doc)
-공백 제거
- strip() : 인자로 전달된 문자를 String의 왼쪽과 오른쪽에서 제거합니다.
- lstrip() : 인자로 전달된 문자를 String의 왼쪽에서 제거합니다.
- rstrip() : 인자로 전달된 문자를 String의 오른쪽에서 제거합니다.
text[0:2]
-문자열
string = 'Hello world'
len(string)#11
>>> string[0] #'H'
>>> string[1] #'e'
>>> string[5] # ' '
>>> string[-1]# 'd’
출처: https://securityspecialist.tistory.com/60 []
문자열 슬라이싱
b = string[0] + string[1] + string[2] + string[3] + string[4]
b # Hello
#아래와 동일
string[0:5] # Hello string 의 문자열(문장)에서 0부터 5까지의 문자를 잘라내지만 수식으로 보면 0<= b <5
string[6:]
'world'
string[:6]
'Hello '
#시작 번호 또는 끝 번호을 생략하면 알아서 해당 문자열의 시작과 끝을 의미하게 할 수 있습니다.
'정리' 카테고리의 다른 글
6-TIL 정리 (간단한 AWS-S3,IAM,CloudFront) (0) | 2022.04.25 |
---|---|
5-TIL 정리(간단 pymongo정렬과 CSS flex) (0) | 2022.04.22 |
4-TIL 정리(flask와 aws를 이용한 서버세팅)-스파르타코딩클럽- (0) | 2022.04.22 |
3-TIL 정리 (Flask, API)-스파르타코딩클럽- (0) | 2022.04.21 |
1-TIL 정리(html,css,javascript)-스파르타코딩클럽- (0) | 2022.04.19 |