Spell

본격 쿼리 직접 작성해보기 2 (feat. inner join)

Spell — Tue, 31 May 2022 20:47:38 +0900

1) 웹개발, 앱개발 종합반의 week 별 체크인 수를 세어보기

활용할 테이블을 먼저 찾아보자.

select *
from courses c

select *
from checkins ch

이 두 테이블이면 되겠다.

courses에 checkins 테이블을 붙이고, key는 course_id가 되면 좋겠다.

select *
from courses c
inner join checkins ch
on c.course_id = ch.course_id

group by로 웹개발, 앱개발을 묶어 줘야겠다.

select *
from courses c
inner join checkins ch
on c.course_id = ch.course_id
group by c.title

더 나아가서, week별로 묶어주는 것도 필요할 것 같다. 두 가지 항목을 group by로 묶어줄 땐, 콤마(,)를 사용하자.

select *
from courses c
inner join checkins ch
on c.course_id = ch.course_id
group by c.title, ch.week

이제 수를 세어야하니 count를 활용해주고, select을 활용해서 보기 좋게 수정하자.

select c.title, ch.week, count(*) as cnt
from courses c
inner join checkins ch
on c.course_id = ch.course_id
group by c.title, ch.week

별칭도 달아 주었다.

order by로 보기 좋게 오름차순으로 정렬해주면 더 좋을 것 같다. 여기서도 앱개발/웹개발 그리고 week가 연관성있게 정렬되어 있는게 좋으니, 콤마를 이용해서 함께 정렬해주자.

select c.title, ch.week, count(*) as cnt
from courses c
inner join checkins ch
on c.course_id = ch.course_id
group by c.title, ch.week
order by c.title, ch.week

참고로 order by에서 ch.week에만 내림차순을 입힐 수 있다.

select c.title, ch.week, count(*) as cnt
from courses c
inner join checkins ch
on c.course_id = ch.course_id
group by c.title, ch.week
order by c.title, ch.week desc

2) 위에 연습한 “웹개발, 앱개발 종합반의 week 별 체크인 수를 세어보기”에서 추가로 8월 1일 이후에 구매한 고객들만 보기

위의 과정에서 살펴봤던 테이블은 courses 그리고 checkins 였다. 여기에 추가로 구매관련 테이블이 필요하겠다.

select *
from orders

즉, orders 테이블을 한번 더 checkins 테이블에 붙여주어야 한다. 그리고 8월 1일 이후에 구매한 주문만으로 추려줘야 한다.

일단 한번 더 inner join으로 붙여보자. chekcins와 orders 테이블에 user_id가 있기에, 이를 통해서 붙여줬다.

select *
from courses c
inner join checkins ch
on c.course_id = ch.course_id
inner join orders o
on ch.course_id = o.course_id

이제.. orders 테이블에서 8월 1일 이후에 구매한 고객만 추려야 하니, 이는 created_at이 그 시점 이후여야 하겠다.

(여기서 created_at은 orders 테이블에 있는 필드다)

select *
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 00:00:00'

기존과 동일하게 묶어주고 세어주자. 보기 편하게 정렬과 별칭도 잊지 말고!

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 00:00:00'
group by c.title, ch.week
order by c.title, ch.week

여기 잠깐 짚고 넘어가야 할 것이 있다. SQL에는 같은 결과에 도달하는 방법이 여러가지다.
그래서 반드시 지금 쓴 쿼리만이 정답이 아니다. 이를 명심하자.
추가로, 이렇게 해봤다가 저렇게 해봤다가 콤마도 넣어보고 오류를 겪어보고 경험을 해보면서 결과를 도출해내는 것이니 천천히 접근해보자!

서버(server) - 클라이언트(client) 통신 이해하기

Spell — Fri, 27 May 2022 00:10:10 +0900

Javascript로 페이지 전환 없이 서버에서 값을 받아올 수 있는 방법은 무엇일까?

그전에 API에 대해서 일단 무엇인지 알아야 한다. Json이 뭔지도 알아야하고.

API?

클라이언트는 서버에게 여러 요청을 보낸다. 그럼 서버는 요청에 따라 적합한 처리를 해서 응답을 준다.

하지만 컴퓨터는 한글을 모르기에 어떤 요청이 '사진 올려줘'의 요청인지, '로그인 시켜줘'의 요청인지 알 수 없다.

요청을 구분할 수 있도록 하는 체계가 바로 API이다. 클라이언트, 서버와 같은 서로 다른 프로그램에서 요청과 응답을 주고 받을 수 있게 만든 체계인 것이다.

Json?

그러면 이런 요청과 응답을 할 때는 데이터가 담길 수 있기에 데이터를 넣을 수 있는 '기능'또한 함께 개발해야 한다. 그런데 데이터를 넣을 수 있는 '기능'에는 여러가지 형식이 있다. 형식은 어떻게 만드냐에 따라서 무한대에 가까울 수 있다. 그럼 그 형식을 처리하기 위한 코드를 또 적어줘야 하는데, 만약 100개의 다른 형식으로의 요청이 있다면, 그 100개의 형식에 대응하는 코드를 적어줘야 한다. 아주 비효율적이니 "하나의 형식을 통일되게 사용하면 어떨까?"에서 출발하였다. 과거엔 XML이라는 형식이 널리 쓰였으나 현재 가장 유명한 형식이 바로 Json이다.

Json은 중괄호로 시작하며, key와 value로 이루어져 있다. 그 키와 값은 '콜론(:)'으로 구분한다.

예를들면

{
	Key1: value1,
	Key2: value2,
}

이런 형태이다.

배열(array)이라는 형식이 필요할 때는 다음과 같다.

{
	Key1: value1,
	Key2: value2,
	Key3: [ value3, value4, value5 ]
}

예시를 들어 보자면 다음과 같을 수 있다.

{
	“category”: “마법”,
	“element”: “얼음”,
	“spells”: [ “아이스 볼”, “아이스 볼트”, “프리징” ]
}

추가로 과거에 포스팅해두었던 내용이 도움이 된다. (https://spell.tistory.com/entry/SQL-study-start)

CRUD의 관점에서 생각하는 것이 필요하다.

Create(생성해줘): POST
Read(불러와 줘): GET
Update(바꿔줘): PUT(전체) / PATCH(일부)
Delete(지워줘): DELETE

이제 JsonView라는 크롬에서의 확장 프로그램을 설치해볼꺼다.

https://chrome.google.com/webstore/detail/jsonview/gmegofmjomhknnokphhckolhcffdaihd/related?hl=ko

JSONView

브라우저에서 JSON 문서를 보세요.

chrome.google.com

그리고 다음은 미세먼지 Open API인데, 기존 크롬창으로 보면 다음과 같이 나온다.

http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99

아주아주아주 보기 힘들다. 그래서 이를 보기 쉽게 JsonView라는 확장 프로그램을 설치하는 것이다.

설치 후 해당 페이지를 새로고침 하면 다음과 같이 조금 더 알아보기 쉽게 볼 수 있다.

일단 Json은 딕셔너리와 리스트의 조합과 생김새가 아주 비슷하다.

전체를 접어보면

RealtimeCityAir라는 키에 딕셔너리가 담겨있다.

그리고 안에 list_total_count에 25라는 value가, RESULT라는 key에 딕셔너리가, row라는 key에 리스트가 들어있음을 알 수 있다.

row를 추가로 살펴보면

해당 그림과 같이 딕셔너리 형태의 자료가 리스트형식으로 들어가 있음을 알 수 있다.

이는 Javascript를 학습할 때 for문의 전형적인 패턴, 반복문의 전형적인 패턴이 기억난다.

아무튼...

Create(생성해줘): POST
Read(불러와 줘): GET
Update(바꿔줘): PUT(전체) / PATCH(일부)
Delete(지워줘): DELETE

CRUD개념에서 GET요청은 보통 통상적으로 정보를 조회할 때 자주 쓴다.

우리는 사실 GET요청의 고인물들이다.

왜냐하면 브라우저에서 엔터를 치는 행위 자체가 GET요청이다.

Naver의 영화 기생충관련 페이지를 보고 확인해보자.

https://movie.naver.com/movie/bi/mi/basic.naver?code=161967

보라색 부분은 서버의 주소다. 은행으로 치면 OO은행 OO지점 같은 것이다.

녹색 부분은 OO지점 안에서의 창구 이름정도로 생각해보면 이해가 쉽다. (입출금 창구, OO창구 등등)

그 후 붉은색의 '?'가 보인다. 이게 무슨 말 이냐면, 이곳을 기점으로 고객이 가지고 가는 데이터다.

해당 예시 같은 경우에는 code라는 값을 가져가고 있다. 해당 값을 다른 것 으로 입력하면 다른 페이지가 나온다.

(해당 데이터 값에 대한 주민등록번호 등으로 생각해보자)

그럼 이 code는 누가 정했는가? 요청을 하는 클라이언트 프로그래머와 요청을 받는 서버 프로그래머 사이에서 미리 약속을 한 것이다.

"너 code로 나한테 값을 줘!"
"난 code로 너에게 값을 받을께!"

다른 페이지도 마찬가지이다.

google.com/search?q=아이폰&sourceid=chrome&ie=UTF-8

'?'이후 여기서부터 전달할 데이터가 작성된다는 의미이다.

'&'는 전달할 데이터가 더 있다는 뜻이다.

예시)
google.com/search?q=아이폰&sourceid=chrome&ie=UTF-8 위 주소는 google.com의 search 창구에 다음 정보를 전달한다.
q=아이폰 (검색어)
sourceid=chrome (브라우저 정보)
ie=UTF-8 (인코딩 정보)

jQuery 연습하기

Spell — Thu, 26 May 2022 23:46:56 +0900

예제 코드를 활용해서 직접 Javascript와 jQuery를 함께 사용해보면서 실습할꺼다.

실습할 코드와 해당 화면은 더보기를 누르면 나온다.

<!doctype html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <title>jQuery 연습하고 가기!</title>

    <!-- JQuery를 import 합니다 -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <style type="text/css">
        div.question-box {
            margin: 10px 0 20px 0;
        }
    </style>

    <script>
        function q1() {

        }

        function q2() {

        }

        function q3() {

        }

        function q3_remove() {

        }

    </script>

</head>

<body>
    <h1>jQuery + Javascript의 조합을 연습하자!</h1>

    <div class="question-box">
        <h2>1. 빈칸 체크 함수 만들기</h2>
        <h5>1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기</h5>
        <h5>[완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기</h5>
        <input id="input-q1" type="text" /> <button onclick="q1()">클릭</button>
    </div>
    <hr />
    <div class="question-box">
        <h2>2. 이메일 판별 함수 만들기</h2>
        <h5>2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기</h5>
        <h5>2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기</h5>
        <h5>[완성본]2-3. 이메일 도메인만 얼럿 띄우기</h5>
        <input id="input-q2" type="text" /> <button onclick="q2()">클릭</button>
    </div>
    <hr />
    <div class="question-box">
        <h2>3. HTML 붙이기/지우기 연습</h2>
        <h5>3-1. 이름을 입력하면 아래 나오게 하기</h5>
        <h5>[완성본]3-2. 다지우기 버튼을 만들기</h5>
        <input id="input-q3" type="text" placeholder="여기에 이름을 입력" />
        <button onclick="q3()">이름 붙이기</button>
        <button onclick="q3_remove()">다지우기</button>
        <ul id="names-q3">
            <li>세종대왕</li>
            <li>임꺽정</li>
        </ul>
    </div>
</body>

</html>

Q1.

버튼을 눌렀을 때 입력한 글자 그대로 alert 창이 뜨고, 아무 내용이 없을 경우 특정 메세지를 띄우는 작업을 해볼꺼다.

일단 해당 구역의 코드를 확인해보자.

<div class="question-box">
    <h2>1. 빈칸 체크 함수 만들기</h2>
    <h5>1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기</h5>
    <h5>[완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기</h5>
    <input id="input-q1" type="text" /> <button onclick="q1()">클릭</button>
</div>

input창의 id값은 "input-q1"이고 버튼에 onclick으로 q1함수가 들어가 있다.

그럼 q1 함수를 이것저것 수정해서 기능을 만들어 보자.

function q1() {

}

이 함수안에 코드를 적어내려가서 만들어야 하는데.. 구상을 해보자 음..

해당 input-q1의 입력값을 가져와야 하고..

이 입력값이 빈칸일 경우에 '입력하세요!'등의 메세지가 있어야 하며

입력값이 존재한다면 그 입력값 자체를 경고창에 띄워줘야 한다.

입력값을 가져와야 하니 변수를 담아보자.

function q1() {
    let q1 = $('#input-q1').val();
}

q1이라는 text에 해당 input 구역 id를 활용해서 해당 입력값을 담았다.

이후 조건을 달아줘야 하니 if와 else를 사용해보자.

음.. 조건은 만약 q1에(입력값) 아무 메세지가 없으면 내용을 입력해달라는 alert를 띄우고, 그게 아니라면 q1(입력값) 그 자체를 띄워달라고 작성 해야겠다.

function q1() {
    let q1 = $('#input-q1').val();
    if (q1 == '') {
        alert ('아무 내용도 입력되지 않았습니다. 입력해주세요!');
    } else {
        alert (q1);
    }

이제 페이지로 돌아가 두가지 동작을 테스트해보자.

하나는 성공

두번째도 성공!

Q2.

음 이번에는 버튼을 눌렀을 때 입력값의 이메일을 띄우고, 이메일 주소가 아니라면 이메일이 아니라는 alert를 띄우자.

해당 구역의 코드를 확인해보자.

<div class="question-box">
    <h2>2. 이메일 판별 함수 만들기</h2>
    <h5>2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기</h5>
    <h5>2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기</h5>
    <h5>[완성본]2-3. 이메일 도메인만 얼럿 띄우기</h5>
    <input id="input-q2" type="text" /> <button onclick="q2()">클릭</button>
</div>

해당 구역 input의 id값은 "input-q2"이고 onclick으로 q2라는 함수가 적용되어 있다.

q2함수를 작성해보자.

function q2() {

}

구상을 시작해보자 흐음..

Q1할때와 동일하게 q2에 해당 input 입력값을 넣어두고

이메일 주소는 '@'가 들어가야 하니까 '@'가 있으면 입력값의 이메일을 띄워주는데, 해당 메일이 무엇인지를 띄워줘야 하니 예전에 실습한 split를 활용해보면 될 꺼 같다.

이후에 '@'가 없다면 이메일 주소가 아니니 입력을 확인해달라는 alert를 띄우자.

q2에다가 해당 input 입력값을 일단 담아두고

function q2() {
    let q2 = $('#input-q2').val();
}

그리고 조건을 달아 줘야 하는데..

'@'값을 포함 여부를 확인해줘야 하니까.. 구글링을 해보니 includes라는 문법이 있다.

해당 문법을 활용해보니 다음과 같다.

function q2() {
    let q2 = $('#input-q2').val();
    if (q2.includes('@')) {
        alert (q2.split('@')[1].split('.')[0]);
    }

q2에 includes로 '@'가 포함되어 있다면 alert로 알려주는데, split를 2번 활용해서 '@'을 기준으로 나누고 '.'을 이용해서 나눈 입력값 중 내가 필요한 부분을 출력하게 만져보았다.

즉, abcd@gmail.com 이라면 gmail이라는 메세지가 나올꺼고, abcd@naver.com이면 naver이라는 메세지가 출력되는 것 이다.

바로 동작을 확인해보자.

다른 메일도 확인해보자

오 좋아..

이제 마지막으로 else를 활용해서 아닐 경우 입력을 확인해달라는 alert를 띄우게 하자.

function q2() {
    let q2 = $('#input-q2').val();
    if (q2.includes('@')) {
        alert (q2.split('@')[1].split('.')[0]);
    } else {
        alert ('이메일이 아닙니다. 확인해주세요!');
    }

동작 확인!

성공!

Q3.

입력값을 입력 후 이름 붙이기라는 버튼을 누르면 아래쪽에 해당 입력값이 계속 추가되고, 다 지우기 버튼을 누르면 모든 게 지워지는! 아 이거 전에 append라는 문구를 활용해서 카드를 추가했던 기억이 있다.

일단 해당 구역을 살펴보자.

<div class="question-box">
    <h2>3. HTML 붙이기/지우기 연습</h2>
    <h5>3-1. 이름을 입력하면 아래 나오게 하기</h5>
    <h5>[완성본]3-2. 다지우기 버튼을 만들기</h5>
    <input id="input-q3" type="text" placeholder="여기에 이름을 입력" />
    <button onclick="q3()">이름 붙이기</button>
    <button onclick="q3_remove()">다지우기</button>
    <ul id="names-q3">
        <li>세종대왕</li>
        <li>임꺽정</li>
    </ul>
</div>

input쪽은 id값이 "input-q3"으로 나와 있고, 이름 붙이기 버튼에 q3함수가! 다 지우기 버튼에는 q3_remove라는 함수가 적용되어 있다. 추가로 밑에 추가되는 란은 <ul><li></li></ul>형식으로 입력되어 있는 것을 확인해 볼 수 있었다.

함수를 2개를 만들어야겠다.

function q3() {

}

function q3_remove() {

}

q3의 함수를 먼저 구상해보자.

이것도 똑같이 q3에 해당 입력값을 담아두고, 백팁을 활용해서 html이 자동으로 입력되게 구상을 해보면 될 것 같다.

q3_remove의 함수 같은 경우에는?

밑에 지우는 버튼의 함수는 전혀 방법을 모르겠어서 구글링을 통해서 알아내었는데, jQuery중 empty()라는 문구가 있음을 확인했다.

q3을 먼저 작성해볼까?

function q3() {
    let q3 = $('#input-q3').val();
    let temp_html = `<li>${q3}</li>`;
    $('#names-q3').append(temp_html);
}

q3에 아까 말한대로 해당 입력값을 담아주었고, 백팁을 활용해서 temp_html이라는 문자열에 <li></li>을 활용해서 html문구가 추가로 적용되게 만들었다. 그리고 내용은 q3입력값 그 자체를 주었다.

이후에 append를 사용해 백팁을 활용한 temp_html이 id가 "names-q3"인 지역에 추가되도록 해줬다.

추가가 계속 되어지는지 페이지에서 확인이 필요하다.

입력값을 아무렇게나 입력한 뒤 이름 붙이기 버튼을 눌러보자

혹시 모르니 한번 더 해보면

잘 작동한다!

이제 q3_remove를 작성해야 하는데, 구글링으로 empty()문구를 활욯아면 됨을 알게 되었으니 직접 작성해보자.

function q3_remove() {
    $('#names-q3').empty();
}

지워지는 곳은 맨 아래에 <ul><li></li></ul>구역이고, 이 구역의 id값은 아까 전에 "names-q3"으로 미리 확인해 두었기에 위의 코드처럼 작성했다.

바로 동작을 확인해보자.

해당 화면에서 다지우기를 누르면?

깔끔하게 모두 지워진 모습이다! 성공!!

본격 쿼리 직접 작성해보기 (feat. inner join)

Spell — Tue, 24 May 2022 21:43:38 +0900

오늘도 예제를 가지고 쿼리를 직접 작성하고 그 과정을 적어내려 갈 것이다.

결제 수단 별 유저 포인트의 평균값 구해보기

결제 수단과 포인트관련 테이블을 먼저 살펴봐야겠다.

select *
from orders o

select *
from point_users pu

pint_users 테이블을 주체 테이블로 사용할 것 이다. 연결하기 위한 key필드는 user_id가 되겠다.

select *
from point_users pu
inner join orders o
on pu.user_id = o.user_id

이제 결제 수단별로 이제 묶어주자.

select *
from point_users pu
inner join orders o
on pu.user_id = o.user_id
group by o.payment_method

평균값을 구해야 하니 avg를 활용해주고

select avg(pu.point)
from point_users pu
inner join orders o
on pu.user_id = o.user_id
group by o.payment_method

어떤 게 어떤 건지 모르겠으니 select을 조금 수정해주자.

select o.payment_method avg(pu.point)
from point_users pu
inner join orders o
on pu.user_id = o.user_id
group by o.payment_method

어?.. 오류? avg근처에서 올바르게 구문이 사용되지 않았다고? 음.. 어째서? why?!

어 음 아? ㅠㅠ select을 여러 개 할 때 쉼표를 잊어버렸다.

이런 기초적인 실수를.. 흐어

select o.payment_method, avg(pu.point)
from point_users pu
inner join orders o
on pu.user_id = o.user_id
group by o.payment_method

하하.. 민망하게 성공

소수점 자리가 보기 불편하니 round를 활용해서 나타내자.

select o.payment_method, round(avg(pu.point), 0)
from point_users pu
inner join orders o
on pu.user_id = o.user_id
group by o.payment_method

결제하고 시작하지 않은 유저들을 성씨별로 세어보기

일단 성씨별 이니까 해당 데이터가 있는 users 테이블이 필요할꺼고

select *
from users u

시작했는지 안했는지는 어떻게 알 수 있을까? 하나씩 테이블을 살펴봐서 어떤 데이터들이 있는지 확인해봐야 한다.

찾았다!

select *
from enrolleds e

is_registered라는 필드로 0과 1로 표시되어 있는 것을 찾았다. 1이 수강을 시작한거다.

여기선 음 enrolleds테이블에 users를 붙이는게 좋아 보인다. key필드는 user_id

select *
from enrolleds e
inner join users u 
on e.user_id = u.user_id

이제 성씨별로 묶어주자.

select *
from enrolleds e
inner join users u 
on e.user_id = u.user_id
group by u.name

시작하지 않은 유저는 is_registered가 0으로 표시되니까, 이 필드가 0인 사람들로만 추려보자.

select *
from enrolleds e
inner join users u 
on e.user_id = u.user_id
where e.is_registered = 0
group by u.name

성씨별로 몇 명인지 세어 봐야하니 count를 활용해주면 되겠다.

select u.name, count(u.name)
from enrolleds e
inner join users u 
on e.user_id = u.user_id
where e.is_registered = 0
group by u.name

보기 편하게 오름차순으로 정렬도 하고.

select u.name, count(u.name)
from enrolleds e
inner join users u 
on e.user_id = u.user_id
where e.is_registered = 0
group by u.name
order by count(u.name)

더 보기 편하게 별칭도 주고

select u.name, count(u.name) as cnt
from enrolleds e
inner join users u 
on e.user_id = u.user_id
where e.is_registered = 0
group by u.name
order by cnt

select을 수정해서 어떤 상태인 사람들인지 표시도 하고

select e.is_registered, u.name, count(u.name) as cnt
from enrolleds e
inner join users u 
on e.user_id = u.user_id
where e.is_registered = 0
group by u.name
order by cnt

과목 별로 시작하지 않은 유저들을 세어보기

여기도 시작하지 않은 유저들이니까 방금 했던 테이블을 활용하자.

select *
from enrolleds e

추가로 과목이 필요하니 courses테이블도!

select *
from courses c

course_id를 key로 활용하면 되겠다.

select *
from courses c 
inner join enrolleds e 
on c.course_id = e.course_id

시작하지 않은 사람은 is_registered가 0인 사람들이니까, where절로 추가하자

select *
from courses c 
inner join enrolleds e 
on c.course_id = e.course_id 
where e.is_registered = 0

과목별로 묶어 준 다음

select *
from courses c 
inner join enrolleds e 
on c.course_id = e.course_id 
where e.is_registered = 0
group by c.course_id

세어봐야 하니 count를 활용

select count(e.is_registered) as cnt
from courses c 
inner join enrolleds e 
on c.course_id = e.course_id 
where e.is_registered = 0
group by c.course_id

어떤 게 몇 명인지 알 수 없으니 보기 좋게 수정!

select c.course_id, count(e.is_registered) as cnt
from courses c 
inner join enrolleds e 
on c.course_id = e.course_id 
where e.is_registered = 0
group by c.course_id

이렇게 해도 여전히 저 course_id가 뭔지 알아보기 힘드니까 select문구를 추가!

select c.course_id, c.title, count(e.is_registered) as cnt
from courses c 
inner join enrolleds e 
on c.course_id = e.course_id 
where e.is_registered = 0
group by c.course_id

짜잔~ 성공! 음 그런데 저 cnt가 어떤 걸 카운터 했는지 구분이 힘들 수 있으니 별칭을 cnt_nostart로 시작하지 않은 사람들이라고 알아 볼 수 있게 수정하자

select c.course_id, c.title, count(e.is_registered) as cnt_notstart
from courses c 
inner join enrolleds e 
on c.course_id = e.course_id 
where e.is_registered = 0
group by c.course_id

깔끔!!

Join 연습해보기 2 (feat. Inner Join)

Spell — Mon, 23 May 2022 19:30:05 +0900

이제까지 배웠던 문법들과 함께 Join을 더 연습해보자.

1. checkins 테이블에 courses 테이블 연결해서 통계치 내보기

'오늘의 다짐' 정보에 과목 정보를 연결해 과목별 '오늘의 다짐' 개수 세기

두개의 테이블을 역시나 확인해 봐야겠지?

select *
from checkins ch

select *
from courses c

course_id를 공유하고 있다. 이를 key로 연결시켜주자.

select *
from checkins ch
inner join courses c
on ch.course_id = c.course_id

과목별 '오늘의 다짐'의 개수를 세줘야 하니까, 일단 과목별로 묶어볼까?

select *
from checkins ch
inner join courses c
on ch.course_id = c.course_id
group by course_id

음?.. 에러가 떳다. group by에서 문제가 발생한거 같은데.. course_id는 양쪽 모두의 테이블에서 존재하는데 어느 쪽 테이블의 course_id인지 명확하게 애기해주지 않아서 벌어진 문제 같다. 하나를 지정해주자.

select *
from checkins ch
inner join courses c
on ch.course_id = c.course_id
group by ch.course_id

개수를 세주기 위한 count를 사용하자.

select ch.course_id, count(*) as cnt
from checkins ch
inner join courses c
on ch.course_id = c.course_id
group by ch.course_id

한번 더 나아가서 titile도 함께 보게 수정하자. 저 course_id가 무엇인지 알아보기 어려우니까. 그러면 다음과 같이 입력해보면 되겠다.

select ch.course_id, c.title, count(*) as cnt
from checkins ch
inner join courses c
on ch.course_id = c.course_id
group by ch.course_id

짜잔~

2. point_users 테이블에 users 테이블 연결해서 순서대로 정렬해보기

유저의 포인트 정보가 담긴 테이블에 유저 정보를 연결해서, 많은 포인트를 얻은 순서대로 유저의 데이터를 뽑기

테이블 확인!

select *
from point_users pu

select *
from users u

user_id를 공유하고 있꼬, point_users에 users를 붙인다.

select *
from point_users pu
inner join users u 
on pu.user_id = u.user_id

많은 포인트를 얻은 순서대로 유저의 데이터를 뽑아야 하니까, 내림차순 정렬이 필요하다.

select *
from point_users pu
inner join users u 
on pu.user_id = u.user_id 
order by pu.point desc

보기가 좀 힘들다. 깔끔하게 보기위해서 다듬어야겠다. 유저의 데이터니까 user_id, point, name, email 이런식으로 보는게 편하겠지? 어느 테이블의 어느 필드인지 잘 적어줘야 한다.

select pu.user_id, u.name, u.email, pu.point
from point_users pu
inner join users u 
on pu.user_id = u.user_id 
order by pu.point desc

orders 테이블에 users 테이블 연결해서 통계치 내보기

주문 정보에 유저 정보를 연결해 네이버 이메일을 사용하는 유저 중, 성씨별 주문건수를 세어보기

테이블 확인~

select *
from orders o

select *
from users u

user_id로 연결시켜주고

select *
from orders o
inner join users u 
on o.user_id = u.user_id

성씨별로 묶어주는데, naver 이메일을 사용하는 유저만 추려야 한다.

select *
from orders o
inner join users u 
on o.user_id = u.user_id
where u.email like '%naver.com'
group by u.name

보기 편하게 다듬어주면서, count를 사용해서 개수를 세어준다. (별칭은 덤~)

select u.name, count(u.name) as cnt
from orders o
inner join users u 
on o.user_id = u.user_id
where u.email like '%naver.com'
group by u.name

또 짚고 넘어갈 마지막 예시로 SQL 쿼리가 실행되는 순서!
select u.name, count(u.name) as cnt
from orders o
inner join users u 
on o.user_id = u.user_id
where u.email like '%naver.com'
group by u.name
1. from orders o
orders 테이블 데이터 전체를 가져오고 o라는 별칭을 준다

2. inner join users u

on o.user_id = u.user_id

users 테이블을 orders 테이블에 붙이는데(이때 users테이블은 u라는 별칭을 부여한다), orders테이블의 user_id필드와 users테이블의 user_id필드가 같으니 key로써 서로를 붙인다.

3. where u.email like '%naver.com'

users 테이블 email 필드값이 naver.com으로 끝나는 값만 가져오고

4. group by u.name

users 테이블의 name값이 같은 값들을 묶은 다음

5. select u.name, count(u.name) as cnt

users 테이블의 name필드와 name 필드를 기준으로 묶여진 개수를 세어서 뽑아달라!

Join의 실행 순서는 항상 from 과 붙어 다닌다고 생각하면 편하다!

Join 연습해보기 (feat. Inner Join)

Spell — Mon, 23 May 2022 19:15:51 +0900

orders 테이블에 users 테이블 연결해보기

직접 해보기에 앞서 두 테이블을 확인 할 필요가 있다.

어떤 테이블에 어떤 내용들이 있는지 항상 확인하는 습관을 길러야 하니까

select *
from orders o

select *
from users u

두개의 테이블에 user_id가 함께 필드로 있는 걸 알 수 있다.

그럼 user_id를 key로 활용하여 연결시키면 되겠다.

select *
from orders o
inner join users u
on o.user_id = u.user_id

user_id를 기점으로 왼쪽은 orders 테이블이고, 오른쪽은 users 테이블의 내용임을 알 수 있다. users_id를 key로 두 테이블을 붙인 것이다.

일단 왜 inner join으로 했는가? inner join이 left join보다 조금 더 쉽게 때문에, 이를 좀 더 숙달하고 나서 left join으로 넘어가기 위함이다.
단적으로 이런 차이가 날 수 있는데, left join으로 생각해보면 A에 B를 붙이는데, 없으면 null로 보여주는 것이다. 그러니 누구에게 누구를 붙이는 이 순서가 굉장히 중요하다. 하지만 inner join은 순서가 바뀌어도 교집합을 나타냄으로 상관이 없다.

checkins 테이블에 users 테이블 연결해보기

이것도 먼저 두 테이블을 확인해 봐야겠지?

select *
from checkins ch

select *
from users u

여기서 key는 user_id가 양쪽 테이블 필드에 존재하고, checkins 테이블에 users 테이블을 붙이는 거니까..

select *
from checkins ch
inner join users u 
on ch.user_id = u.user_id

enrolleds 테이블에 courses 테이블 연결해보기

역시나 테이블 부터 확인!

select *
from enrolleds e

select *
from courses c

key로는 course_id를 사용하면 될 것 같다. 그리고 enrolleds에 courses를 붙일꺼니까..

select *
from enrolleds e
inner join courses c
on e.course_id = c.course_id

마지막 예시로 한번 더 짚고 넘어가야 할 해당 SQL 쿼리가 실행되는 순서!
select *
from enrolleds e
inner join courses c
on e.course_id = c.course_id
위의 쿼리가 실행되는 순서는 from → join → select
1. from enrolleds e : enrolleds 테이블 데이터 전체를 가져오고
2. inner join courses c
on e.course_id = c.course_id
courses를 enrolleds 테이블에 붙이는데, enrolleds 테이블의 course_id와 동일한 course_id를 갖는 courses의 테이블을 붙이고!
3. select * : 붙여진 모든 데이터를 출력!

항상 from 에 들어간 테이블을 기준으로, 다른 테이블이 붙는다고 생각하면 좋다!!!!

Join (Left Join / Inner Join)

Spell — Sun, 22 May 2022 23:25:42 +0900

Join이란? 두 테이블의 공통된 정보(key값)를 기준으로 테이블을 연결해서 한 테이블처럼 보는 것을 의미한다.

예를 들어 user_id 필드를 기준으로 users 테이블과 orders 테이블을 연결해서 한 눈에 보고 싶어! 같은 거다.

그럴 때를 대비해서 무언가 연결된 정보가 있을 때, user_id처럼 동일한 이름과 정보가 담긴 필드를 두 테이블에 똑같이 담아 놓는다. 이런 필드를 두 테이블을 연결시켜주는 열쇠라는 의미로 'key'라고 부른다는 걸 잊지 말자!

Left Join

왼쪽에 있는 테이블을 기준으로 테이블을 붙인다는 의미이다.

여기서 A와 B는 각각의 테이블을 의미하고, 둘 사이의 겹치는 부분은 테이블 A와 B의 key 값이 연결되는 부분이다.

Inner Join

여기서도 A와 B는 각각의 테이블을 의미하고, 두 테이블의 교집합을 이야기하고 있다.

직접 join 사용해보기

아래의 사진은 현재 실습하고 있는 데이터의 테이블들이다.

여기서 users테이블과 point_users테이블을 함께 붙여볼꺼다.

users테이블 부터 확인해보자. 별칭은 u로 주었다.

select *
from users u

point_users테이블도 확인해보자. 별칭은 pu로 주었다.

select *
from point_users pu

두 테이블에 함께[ 있는 필드는 user_id가 있네? 이를 기점으로 연결해주면 좋겠지?

select *
from users u
left join point_users pu
on u.user_id = pu.user_id

별칭을 줌으로써 알아보기 쉽게 작성했고, 풀이해보자면 "left join으로 point_users테이블로 left join을 한다고 작성했다. 무엇을 기준으로? u.user_id와 pu.user_id로 연결하자." 라는 의미이다.

(별칭으로 인하여 u.user_id는 users테이블의 user_id, pu_user_id는 point_users테이블의 user_id라는 뜻이다)

이 안에 null값들은 "비어있다, 매칭이 안된다" 라는 뜻읻다. 모든 유저가 포인트를 가지고 있는게 아니기에 해당 정보가 비어 있는 것이다.

여기서 left join을 inner join으로 변경하면?

select *
from users u
inner join point_users pu
on u.user_id = pu.user_id

inner join은 교집합을 뜻하기에, poin가 존재하는 user_id를 기준으로 결과값을 보여준다.

Join을 왜 배우고 왜 써야하는가?

Spell — Sun, 22 May 2022 23:15:42 +0900

Join이라는 문법은 테이블과 테이블을 붙이는 거다.

거의 모든 쿼리에 join이 들어가고 실무에서 항상 사용한다고 생각해도 된다.

만약, 가지고 있는 데이터 중 '오늘의 다짐'을 남긴 회원의 이름을 알아야 한다. 이유는 '오늘의 다짐' 이벤트 당첨자를 선정하여 특정 상품을 기프티콘으로 지급해야 하는 상황이다.

그렇다면 일단 '오늘의 다짐'테이블을 불러와서 살펴보자.

select *
from checkins c

해당 테이블에서는 users_id만 존재하고 name이 존재하지 않는다. 하지만 이름도 알아야 하는걸?.. 어쩌지?

반대로 users 테이블에서는?

select *
from users u

해당 유저 id별로 name과 email이 포함되어 있다. 하지만 여기에는 '오늘의 다짐'의 자료가 없다.

결국 이 두개의 테이블을 매칭시켜 확인해 봐야한다.

기존 배웠던 것만 활용하려면 checkins 테이블을 보고 user_id를 복사해서 다시 where절로 users테이블에 치고.. 확인하고 해야 하는데, join을 활용한다면 이를 좀 더 손쉽게 할 수 있는 것이다.

다음 그림처럼 말이다.

자세히보면 위의 그림처럼 두개의 테이블일 붙여서 '오늘의 다짐'도 바로 볼 수 있고, 해당 user_id를 가지는 회원의 name과 email도 확인할 수 있다.

아니 그럼 왜 테이블을 이렇게 나눠 놓는 거야? 그냥 애초부터 이렇게 한번에 묶어 두면 보기 좋지않아?

라는 의문을 가질 수 있다. 이에 대한 답변으로는..

테이블은 기본적으로 한 목적에 맞는 것들만 모아 두는 것이 가장 좋다고 한다.

그래서 테이블을 나눠서 보관하는건데, 회원 정보는 회원 정보끼리! 수강정보는 수강정보끼리! 결제정보는 결제정보끼리 등등!! 이게 실제로 웹서비스가 동작하는데 있어서 훨씬 더 편하고, 수정을 함에 있어서 문제가 많이 생기지 않게 하기 위해서라고 한다.

그럼 뭘로 이 두개 테이블을 이을 수 있는가?

이때 필요한게 기준이다. 예를 들어 실습하고 있는 데이터에서 users테이블에도 user_id가 있고, checkins테이블에도 user_id가 있다.

이 둘을 활용해서 이어주는 것이다. 이런 필드를 두 테이블을 연결시켜주는 열쇠 라는 의미로 'key'라고 부른다.

위의 불편한 사항들을 짧은 join 쿼리 한 줄만 더 쓰면, 한번의 쿼리로 이렇게 정보들을 한 눈에 볼 수 있다.

별칭을 사용하여 group by, order by, where 연습해보기

Spell — Sun, 22 May 2022 23:06:58 +0900

네이버 이메일을 사용하여 앱개발 종합반을 신청한 주문의 결제수단별 주문건수 세어보기

실습으로 위의 내용을 도출하기 위해 작성해보기 연습을 해보자.

우선 어느 테이블이 해당 내용의 데이터를 뽑아내는데 적절한지 살펴보자.

select *
from orders

orders테이블이 적당한 것 같다.

추가로 앱개발 종합반을 신청한 부분만 필요하니, where문구로 선택해주자.

select *
from orders o
where o.course_title = '앱개발 종합반'

이후 결제수단별로 묶어 주는게 좋겠지?

select *
from orders o
where o.course_title = '앱개발 종합반'
group by payment_method

이제 naver를 사용하는 email 것들로만 추려보자. 아마 like 패턴을 사용하면 될꺼같다.

select *
from orders o
where o.course_title = '앱개발 종합반'
like email = '%naver.com'
group by payment_method

어우 더블 벨류라는 오류가 뜬다. where절을 수정해주고 새로 쿼리를 작성해보자.

and를 활용해서 새로 작성해보는게 좋을 것 같다.

새로 작성하는 마음으로 naver email을 사용한 것들로 다시 추려보자.

select *
from orders o
where o.email like '%naver.com'

orders테이블에서 email이 naver인 것들로 추렸다.

이 중에서 '앱개발 종합반'으로 추가로 추려줘야 한다.

select *
from orders o
where o.email like '%naver.com'
and o.course_title = '앱개발 종합반'

email이 naver이면서 course_title이 '앱개발 종합반'인 데이터로 추려졌다.

이후 결제수단별로 묶어주고

select *
from orders o
where o.email like '%naver.com'
and o.course_title = '앱개발 종합반'
group by o.payment_method

count로 결제수단별 주문건수를 세어 줘야겠다

select o.payment_method, count(*)
from orders o
where o.email like '%naver.com'
and o.course_title = '앱개발 종합반'
group by o.payment_method

좀 더 보기 좋게 오름차순으로 정렬 및 count에 별칭을 달아주자.

select o.payment_method, count(*) as cnt
from orders o
where o.email like '%naver.com'
and o.course_title = '앱개발 종합반'
group by o.payment_method
order by o.payment_method desc

호우! 성공!

SQL 별칭 기능 (Alias)

Spell — Sun, 22 May 2022 22:58:05 +0900

쿼리가 점점 길어지면 헷갈리는 일이 자주 발생한다. 그래서 SQL은 Alias라는 별칭 기능을 지원한다.

select *
from orders
where course_title = '앱개발 종합반'

orders 테이블에서 '앱개발 종합반'만 보고 싶어서 where절을 이용하여 확인해보았다.

여기서 쿼리가 길어지게 되면 이 course_title이 어느 테이블의 필드인거지? 라는 의문과 동시에 헷갈릴 수 있다.

그럴 경우 다음과 같이 별칭을 정해줄 수 있다.

select *
from orders o
where o.course_title = '앱개발 종합반'

from orders 옆에 띄워쓰기 후 o라는 별칭을 입력했다.

"그러면 앞으로 orders를 o라고도 부르겠다" 라는 말이 된다.

그리고 아래 where절에는 o.course_title이라고 적어줘서 어느 테이블의 course_title인지 구분이 쉽게 작성할 수 있다.

이 별칭은 어느 알파벳으로도 가능하지만(예를들어 a나 ab등도 가능하다), 보통 알파벳 한 글자 아니면 두 글자로 굉장히 짧게 쓴다. 물론 별칭을 정할 때 해당 테이블이 연상될 수 있도록 정해주는게 좋다.

조금 더 구체적으로 쿼리를 지시내릴 수 있는 것이다.

여기서 또 다른 별칭을 줄 수 있다.

만약 payment_method로 묶어주고 payment_method당 카운터가 몇 개인지 보기로 결정했다.

select payment_method, count(*)
from orders o
where o.course_title = '앱개발 종합반'
group by payment_method

해당 그림처럼 결과가 나오는데, count(*)이라는 이름으로 결과가 나온다. 이를 보기가 안 좋으면 'as'를 사용하여 별칭을 정할 수 있다.

as를 활용하여 cnt라는 별칭을 사용한다면, 다음과 같다.

select payment_method, count(*) as cnt
from orders o
where o.course_title = '앱개발 종합반'
group by payment_method