[0510]Java Web開発プロセス🌞


⭐Back-end


SQL


Inner Join




Inner Joinは、2つのテーブル間の結合条件を満たすローを返します.
-- 1. MEMBER의 NICNAME과 NOTICE의 WRITER_ID를 엮어서 두 테이블을 조인
SELECT * FROM 
MEMBER INNER JOIN NOTICE ON MEMBER.NICNAME = NOTICE.WRITER_ID; 

Outer Join



Outer Joinは、推奨条件で同じ値がないローを返します.
  • Left Outer Join
    SQLで左側に指定されたテーブル(MEMBER)を中心にOuter Joinを行います.
  • SELECT * FROM
    MEMBER LEFT JOIN NOTICE ON MEMBER.NICNAME = NOTICE.WRITER_ID;
    -- 조인된 레코드의 개수는? 6개
    
  • Right Outer Join
    SQLで右側に指定したテーブル(NOTICE)を中心にOuter Joinを行います.
  • SELECT * FROM
    MEMBER RIGHT JOIN NOTICE ON MEMBER.NICNAME = NOTICE.WRITER_ID;
    -- 조인된 레코드의 개수는? 5개
    
  • Full Outer Join
    2つのテーブルの上のOuterはすべてOuter Joinです.
  • SELECT * FROM
    MEMBER LEFT JOIN NOTICE ON MEMBER.NICNAME = NOTICE.WRITER_ID;
    -- 조인된 레코드의 개수는? 8개

    3つのテーブルを接続


    NOTICE、MEMBER、COMMENTテーブルの結合

     NOTICE N 
        LEFT JOIN MEMBER M ON N.WRITER_ID = M.NICNAME -- NOTICE, MEMBER 테이블 조인
        LEFT JOIN "COMMENT" C ON N.ID = C.NOTICE_ID -- NOTICE, COMMENT 테이블 조인

    例)NOTICE、MEMBER、COMMENTテーブルのチェックインによる投稿数の取得


    SELECT N.ID, N.TITLE, N.WRITER_ID, M.NAME WRITER_NAME, COUNT(C.ID) CMT_COUNT 
    FROM 
        NOTICE N 
        LEFT JOIN MEMBER M ON N.WRITER_ID = M.NICNAME
        LEFT JOIN "COMMENT" C ON N.ID = C.NOTICE_ID
    GROUP BY N.ID, N.TITLE, N.WRITER_ID, M.NAME;

    ⭐Front-end


    JavaScript - ES6


    Binary and Octal Literals


    ES 6に来ると、バイナリと8進数を同時に表現することができます.

    let


  • 変数を宣言しないと変数は使用できません.


  • 変数宣言時に自動的にwindowのプロパティにはなりません.


  • 変数を繰り返し宣言することはできません.


  • 領域変数としてカッコブロックを使用します.

  • const



    1.値段を変えることはできません.

    JSON対象表示法



    変数名がキーの名前と同じ場合は、変数名自体をキーとして使用できます.

    🐥마무리


    今日の午前中にまたSQLに戻って、いろいろなJOIN文を知りました.最初は見慣れていませんでしたが、授業例を繰り返して練習することで、理解しやすくなりました.そして午後はES 6 JavaScriptを勉強しました.先生はまずES 5を理解してからES 6を勉強しなければならないと言っています.そうすれば、ES 5の違いを知ることができます.私もこのような授業が好きです.ES 6 JavaScriptを学び、letとconstキーワードを理解します.
    今週の目標は、すべてのカリキュラムの内容を真剣に理解し、プロジェクトで私が担当しているテクニック投稿のリストの詳細な表示、フィルタリングを実現することです.毎日練習に励む👍