Subquery 쿼리문 안에 안긴 쿼리문장이다. 영어문법이랑 같다. 예를 들면 이런식이다.

select * from point_users where point > ( select avg(point) from point_users ) where구문 안에 select문이 안겼다. 이런 방식으로 평균보다 높은 포인트를 가진 회원들의 정보만 추출할 수 있다.

추가 작업 중인 부분 -과목별을 추가한 학생, 직장인 등록 비율 데이터 select * from enrolleds e inner join prequestions p on e.user_id = p.user_id inner join courses c on e.course_id = c.course_id where is_registered = 1

Q: 결재하고 시작하지 않은 유저들을 성씨별로 세어보기 select name, count(*) as cnt_name from enrolleds en inner join users u on en.user_id = u.user_id where is_registered = 0 group by name order by cnt_name desc

Q: 과목 별로 시작하지 않은 유저들을 세어보기 select en.course_id, title, count(*) as cnt_notstart from enrolleds en inner join courses c on en.course_id = c.course_id where is_registered = 0 group by title

심화Q: 웹개발, 앱개발 종합반의 week 별 체크인 수를 세어보자(보기 좋게 정리해보기!) select c.title, ch.week, count(ch.checkin_id) from courses c inner join checkins ch on c.course_id = ch.course_id group by ch.week, c.title order by c.title, ch.week

심화Q: 위 문제에 이어서 8월 1일 이후에 구매한 고객들만 추출해보기 select c.title, ch.week, count(*) as cnt from courses c inner join checkins ch on c.course_id = ch.course_id inner join orders o on ch.user_id = o.user_id where o.created_at >= '2020-08-01' group by c.title, ch.week order by c.title, ch.week

3주차 퀴즈 select e.enrolled_id, e.user_id, count(*) as cnt from enrolleds e inner join enrolleds_detail ed on e.enrolled_id = ed.enrolled_id where ed.done = 1 group by e.enrolled_id, e.user_id order by cnt desc

2번 문제:gmail을 사용하는 사용자 성씨별 회원수 세어보기 select name, count(*) from users where email like '%gmail.com' group by name

3번 문제:course_id별 오늘의 다짐에 달린 평균 likes 구해보기 select course_id, round(avg(likes),1) from checkins group by course_id

그리고 대망의 2주차 숙제 Q: 네이버 이메일을 사용하여 앱개발 종합반을 신청한 주문의 결재수단별 주문건수 세어보기 select payment_method, count(*) from orders o where email like '%naver.com' and course_title = '앱개발 종합반' group by payment_method

빨리 빨리 더 서둘러야 된다 ㅠㅜ 듣는 속도가 느린데도 할 건 다하는 고지식함...

마지막까지 속 썩이던 워드클라우드...꼭 짚고 넘어가야 할 것 같다. 추석 특강으로 <파이썬 가지고 혼자놀기> 강의를 응용해서 적용해보고자 했지만 예상 외로 고전했던 부분이 많았다. :서버에서 워드클라우드를 가져오는 법 (추석 특강에서는 다운로드 받은 텍스트 파일을 불러오기만 하면 됐다 ㅠㅜ) :워드클라우드 클랜징 후 필요 부분을 합쳐서 가져오는 법 마지막으로 :이미지로 출력하는 것이 아닌 HTML로 표현하는 법 (튜터님 특급 찬스로 성공!! @@ 아직도 이해가 잘 안간다...)

튜터님의 특급 도움을 받았지만...매일 평균 6시간 머리를 싸매고 고민하던 시간들이 없었다면 이 결과물을 얻을 수 없었으리라 생각한다. 시간을 갖고 다시 코드 로직을 복습해봐야겠다.

APP.PY 내용

texts = list(db.travelLog.find({}, {'_id': False, 'writer': False, 'numbers': False, 'date': False, 'weather': False})) text_list = [] for text in texts: text_list.append(text['place']) text_list.append(text['title'].replace('!','').replace('','').replace('.','')) text_list.append(text['comment'].replace('!','').replace('','').replace('.','').replace(',','').replace('\n',''))

new_text_list = " ".join(text_list) print(new_text_list)

# print(cloud())

mask = np.array(Image.open('cloud.png'))

palettes = ['Pastel1', 'Pastel2', 'Set1', 'Set2', 'Set3', 'Paired', 'Accent', 'Dark2']

wc = WordCloud(background_color='white', # 윈도우 폰트 font_path='C:\Windows\Fonts\Hancom Gothic Bold.ttf', # 맥 폰트 # font_path='C:/System/Library/Fonts/Supplemental/AppleGothic.ttf', mask=mask, colormap='Dark2')

wc.generate(new_text_list) wc.to_file("static/wordcloud.png")

if name == 'main': app.run('0.0.0.0', port=5000, debug=True)

CLOUD.HTML 내용

처음 git push origin 내브랜치이름 이 식이 pycham Terminal에서 계속 error와 함께 튕겼다. master 계정이 collaborator를 초대해줘야 한다는 것을 구글링을 통해 알았고, 내 선에서는 해결할 수 없음을 알았다. 새벽 1시 일단 git 관련 일은 내일하기로 했다.

아침 master 계정이 이메일로 초대장을 발송했고 invite를 수령하고 나서는 순조롭게 push/pull이 이뤄졌다.

팀원의 입장에서 git 팀프로젝트 환경에 처음 참여하는 방법을 정리해보면 다음과 같다.

0. master 계정의 invite를 받는다.

1. Git Bash를 통해 기본 설정을 한다 1.1 $ git clone 공유팀페이지로부터따온code 원하는파일명 1.2 $ cd 파일명 1.3 $ ls (연 파일 안에 파일 및 폴더들 확인) 1.4 $ pwd (컴퓨터 내 클론 파일 위치확인)

2. pycham을 통해 클론파일 오픈 2.1 내용 입력 (내가 일할 부분 일한 후) 2.2 $ git init (처음 git 입력시에만) 2.3 $ git checkout -b 설정하고자는브랜치이름 (branch 처음 팔 경우에만 실행) 2.4 $ git add . (주의: add 뒤 한 칸 띄고 . 찍기) 2.5 $ git commit -m "입력하고자는commit" (주의: 반드시 "" 찍어) 2.6 $ git push origin 설정한브랜치이름 2.6.1 (만약 push가 제대로 실핼되지 않을 경우) $ git push origin +설정한브랜치이름 (주의: 여기서 +기호는 강제설정 기호로 작용한다) 2.7 팀프로젝트가 이뤄지는 github 를 새로고침하면 compare & pull request 라는 초록 버튼 뜸 2.8 버튼 누르고 들어가 고쳐진 내용에 대한 설명 및 요청하는 사항 등 메모 및 코멘트 남긴다.

   여기까지다.

이후 마스터 파일에서 소스코드를 당겨오고 싶다면 pycham terminal에서 git pull origin master 입력하면 된다.

github를 한 번도 사용해보지 못한 사람도 하루만에 이해할 수 있는 내용이다. 새로 시작하는 모두 너무 걱정하지 말길 (내 자신에 보내는 응원이기도 하다)

다음은 결과물 코딩문이다.

from wordcloud import WordCloud from PIL import Image import numpy as np

text = '' with open("KakaoTalk.txt", "r", encoding="utf-8") as f: lines = f.readlines() for line in lines[5:]: if ',' in line: text += line.split(',')[1].replace('* : ', '').replace('* : ','').replace('ㅎㅎ','').replace('ㅋㅋ','').replace('ㅋㅋㅋ','').replace('ㅋㅋㅋㅋㅋ','').replace('ㅋ','')

mask = np.array(Image.open('cloud.png')) wc = WordCloud(font_path='Hancom Gothic C:\WINDOWS\Fonts\Hancom Gothic Bold.ttf', background_color="white", mask=mask) wc.generate(text) wc.to_file("result_masked.png")

코딩문의 replace 부분 중 ***은 사람이름이 들어가기에 생략한다.

올 추석엔 코딩을 배웠던 추억을 갖게 됐다. ㅎㅎ 코딩입문으로 스파르타코딩클럽 강추하며 오늘 개발일지는 끝

성공적

from openpyxl import Workbook

from bs4 import BeautifulSoup from selenium import webdriver

driver = webdriver.Chrome('chromedriver')

url = "https://search.naver.com/search.naver?where=news&sm=tab_jum&query=%EC%9E%AC%EB%82%9C%EC%A7%80%EC%9B%90%EA%B8%88"

driver.get(url) req = driver.page_source soup = BeautifulSoup(req, 'html.parser')

articles = soup.select('#main_pack > section > div > div.group_news > ul > li')

wb = Workbook() ws1 = wb.active ws1.title = "articles" ws1.append(["제목", "링크", "썸네일"])

for article in articles: title = article.select_one('div.news_wrap.api_ani_send > div > a')['title'] url = article.select_one('div.news_wrap.api_ani_send > div > a')['href'] press = article.select_one('div.news_wrap.api_ani_send > div > div.news_info > div.info_group > a.info.press').text.split(' ')[0].replace('언론사', ' ') thumbnail = article.select_one('div.news_wrap.api_ani_send > a > img')['src']

ws1.append([title, url, thumbnail])

driver.quit() wb.save(filename='articles.xlsx')

이메일 파이썬 구문

import smtplib from email.mime.multipart import MIMEMultipart from email.mime.base import MIMEBase from email.mime.text import MIMEText from email import encoders

보내는 사람 정보

me = "hhhhhh1227@gmail.com" my_password = "!!!!!!"

로그인하기

s = smtplib.SMTP_SSL('smtp.gmail.com') s.login(me, my_password)

받는 사람 정보

emails = ['asdfgh@naver.com', 'qwerty@naver.com']

for you in emails: # 메일 기본 정보 설정 msg = MIMEMultipart('alternative') msg['Subject'] = "파이썬_이메일_2일차" msg['From'] = me msg['To'] = you

# 메일 내용 쓰기
content = "파이썬 코딩연습 (이메일보내기) 2일차 실습숙제"
part2 = MIMEText(content, 'plain')
msg.attach(part2)

# 첨부파일 보내기
part = MIMEBase('application', "octet-stream")
with open("articles.xlsx", 'rb') as file:
    part.set_payload(file.read())
encoders.encode_base64(part)
part.add_header('Content-Disposition', "attachment", filename="재난지원금기사.xlsx")
msg.attach(part)

# 메일 보내고 서버 끄기
s.sendmail(me, you, msg.as_string())

s.quit()

너무도 늦게 (이미 추석 전에 이벤트가 시작됐다.) 하지만 아직 종료된 이벤트는 아니어서 빨리 이번 추석 코딩 이벤트에 참여하게 됐다. (스파르타 짱짱맨)

마음 같아서는 지도 위치 찍는 강의랑 지금 듣는 단어모음 강의를 둘 다 듣고 싶었지만 일단 선택한 강의를 열심히 듣기로 하고 1일차 수업을 들었다.

브라우저에서 파이썬을 이용 웹스크랩핑하여 이미지를 받는 수업이었다. 내가 다시 혼자 숙제로 한 코딩문은 다음과 같다.

import dload from bs4 import BeautifulSoup from selenium import webdriver import time

driver = webdriver.Chrome('chromedriver') driver.get("https://search.daum.net/search?nil_suggest=btn&w=img&DA=SBC&q=%EC%86%90%ED%9D%A5%EB%AF%BC") time.sleep(5)

req = driver.page_source soup = BeautifulSoup(req, 'html.parser')

thumbnails = soup.select('#imgList > div > a > img')

i = 1 for thumbnail in thumbnails: img = thumbnail['src'] print(img) dload.save(img, f'img/{i}.jpg') i += 1

driver.quit()

생각보다 쉬워서 당황 내 실력이 늘지는 않은 것 같은데... 따라하다보니 짧은 구문은 하나씩 단계별로 print 하다보니 금방 끝난다. (신난다)

물론 기성 웹페이지 만큼 멋지고 화려하고 기능이 많지는 않지만, 기본 골격을 갖추고 alert와 페이지 안에 저장 기능도 있는 페이지 하나가 완성됐다. (11일간 잘 완강한 내 자신에게 작은 칭찬을!) html, css, javascript를 두루두루 이용해봤고, python을 이용 라이브러리인 pymongo, bs4, requests 등을 사용해봤다. 서버와 클라이언트의 개념, API와 DB의 역할도 알게됐다. 내가 보는 브라우저가 보여지는 그림판이었다는 충격(?)적인 사실과 페이지에 버튼을 하나놓는데에도 Logic이 필요하다는 사실 그리고 내가 만들고 싶은 기능과 골격디자인을 Bootstrap에 누군가가 이미 다 만들어 놓았다는 사실등 배우면서 놀라움과 신기함의 연속이었다.

나는 사회과학계열을 전공한 사람이라 정말 코딩의 '코'짜도 몰랐지만, 그래도 주변에서 파이썬, sql, java, c++등 그런 것들이 있고 중요하다는 말을 많이 들어왔다. 막상 내가 그것을 해보겠다는 마음을 먹게된 계기는 굉장히 단순했는데 바로 "나도 나의 기술을 갖고 나의 것을 만들어보고 싶다"는 생각에서였다. 다만, 앞으로 그러니까 미래에도 유효하게 쓸모가 있는 기술을 배우고 싶었고 그 시작으로 스파르타 왕초보 웹개발 종합반을 수강하게 되었다. 나도 이 강의의 수료로 코딩에 입문했다는 자신감을 갖게 됐다는 것에 너무나 만족스럽다. 소기의 목표를 이룬 기분이랄까. 데이터시각화를 배워 나가고 싶다는 생각에 디딤받침이 스파르타코딩클럽에서 만난 좋은 강의였다는 점에 감사를 느낀다. 이범규 튜터의 말대로 앞으로도 꾸준히 한 발짝씩이라도 코딩을 할 버릇(?)을 들여봐야겠다.

단기간에 웹과 관련된 이해도를 높이는데에 이만한 수업이 없다고 생각한다. 개인적으로 미디어학을 전공한 사람으로서 우리가 사용하는 매체의 뒤편 (블랙박스)의 구조를 조금이나마 이해한다는 일은 굉장히 흥미롭다. 대부분의 경우는 미디어의 인터페이스만 대하며 살아가기 때문이다. 이 개념을 초석으로 데이터 시각화를 배워 나갈 것이다. 하나씩 조급해말고 꾸준히 해 나가야지 다짐해본다.

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Hahmlet:wght@200&display=swap" rel="stylesheet">

부분을 html 파일에서 완성했고 static에 ogimg.png 파일을 집어넣었다. og태그 세팅이 생각보다 말썽인데 다시 차근히 해봐야겠다.

복습하면서 수강완료의 홀가분한 마음으로 천천히 보면 문제는 금방 해결될 거라 본다.

서버

from flask import Flask, render_template, jsonify, request

app = Flask(name)

from pymongo import MongoClient

client = MongoClient('localhost', 27017) db = client.dbhomework

HTML 화면 보여주기 @app.route('/') def homework(): return render_template('homework_02week_junhee_Han.html')

주문하기(POST) API @app.route('/order', methods=['POST']) def save_order(): name_receive = request.form['name_give'] quantity_receive = request.form['quantity_give'] address_receive = request.form['address_give'] phone_receive = request.form['phone_give']

doc = {
    'name':name_receive,
    'quantity':quantity_receive,
    'address':address_receive,
    'phone':phone_receive
}
db.chuseokoder.insert_one(doc)
return jsonify({'result': 'success', 'msg': '해당주문이 정상적으로 등록됐습니다!'})

주문 목록보기(Read) API @app.route('/order', methods=['GET']) def view_orders(): orders = list(db.chuseokoder.find({},{'_id':False}))

return jsonify({'result': 'success', 'orders': orders})

if name == 'main': app.run('0.0.0.0', port=5000, debug=True)

*클라이언트 html 스크립트 *

    $(document).ready(function () {
      get_rate();
      listing();
    })

     function listing() {
        $.ajax({
            type: "GET",
            url: "/order",
            data: {},
            success: function (response) {
                if (response["result"] == "success") {
                    let orders = response['orders'];
                    for (let i = 0; i < orders.length;i++) {
                        let name = orders[i]['name']
                        let quantity = orders[i]['quantity']
                        let address = orders[i]['address']
                        let phone = orders[i]['phone']

                        let temp_html = `<tr>
                                             <th scope="row">${name}</th>
                                             <td>${quantity}</td>
                                             <td>${address}</td>
                                             <td>${phone}</td>
                                         </tr>`
                        $('#orders-box').append(temp_html)
                    }
                }
            }
        })
    }


    function order() {
        let name = $('#order-name').val()
        let quantity = $('#order-quantity').val()
        let address = $('#order-address').val()
        let phone = $('#order-phone').val()

        $.ajax({
            type: "POST",
            url: "/order",
            data: {name_give: name, quantity_give: quantity, address_give: address, phone_give: phone},
            success: function (response) {
                alert(response["msg"]);
                window.location.reload();
            }
        })
    }


    function get_rate() {
        $.ajax({
            type: "GET",
            url: "http://spartacodingclub.shop/sparta_api/rate",
            data: {},
            success: function (response) {
                let wondallar = response['rate']
                $('#wondallor').text(wondallar)
            }
        })
    }

스크립트 끝

쨌든 3주차가 끝났고 개발일지를 써본다. 숙제 코드다. 더불어 자가 진단을 해본다.

2가지 문제점

1) 구글링을 해서 코드를 찾긴했는데 정작 코드가 아닌 ''혹은 :를 깜박해서 여러번 에러가 떴다. 조금 더 꼼꼼히 눈 똑바로 뜨고 코드를 써나갈 필요를 느꼈다.

2) 이번 파이썬 과제가 유독 페이지를 여러번 왔다갔다 (연결 주소 copy select 때문에)했어서 정신 없었지만 요령이 생겼다. 필요한 요소를 먼저 읽고 파악한 후 관련된 정보를 연속적으로 웹스크래핑 해야겠다는 교훈을 얻었다. ("등수 찾고 주소 따고, 또 뭐 따야하더라...생각하고 진행하면 일이 너무 더디다.")

import requests from bs4 import BeautifulSoup

from pymongo import MongoClient client = MongoClient('localhost', 27017) db = client.dbsparta

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://www.genie.co.kr/chart/top200?ditc=D&ymd=20200403&hh=23&rtm=N&pg=1',headers=headers)

soup = BeautifulSoup(data.text, 'html.parser')

trs = soup.select('#body-content > div.newest-list > div > table > tbody > tr') for tr in trs: title = tr.select_one('td.info > a.title.ellipsis').text.strip() rank = tr.select_one('td.number').text[0:2].strip() artist = tr.select_one('td.info > a.artist.ellipsis').text print(rank, title, artist)

jQuery는 미리 작성된 자바스크립트 (라이브러리) / Ajax는 "비동기식 자바스크립트 XML"의 약자로 화면상 개체를 움직이기 위한 방식이다.

사용하기 위해서는 사이에 jQuery CDN을 집어 넣는 것이 전제다.

pycham에서 class=""를 주듯 id=""를 주고 크롬 console에서

$('#id').val()/.append()/.text()/.hide()/.show() 등

으로 조작 가능하다.

개인적으로 가장 오래 시간이 걸렸던 실습을 남긴다. 어려웠던 점 3가지

1) -