スパルタエンコーディングクラブ1週間目



  • Webをデータの観点から見る
    ITは情報技術です.情報技術.
    Webは情報を素早く交換するために誕生した.
    各ページは情報を含むドキュメントです.画面には情報(データ)が表示されます.
    フロントエンド(Front-end)の役割は、データがはっきり見えるように画面を作成することです.
    データの管理(転送、格納、収集、加工)はバックエンドの役割です.

  • Web基礎動作原理
    WebはHTTPという通信プロトコルに従う.
    urlがhttp://HTTPの通信約定に従うことを示す.
    HTTPではクライアントはリクエストの一方である.
    要求を処理し、対応する応答を行う側をサーバと呼ぶ.
    サーバは、要求に応じてHTMLファイルを送信する場合がありますが、通常はデータのみを送信します.
    例えば、チケットを前売りしている場合、ページを常に更新することはできません.
    すなわち,データのみを受信し,データ値のみを交換する.
    データ送信のみに使用するデータ形式をJSON形式と呼びます.

  • クロム開発者ツールコンソールウィンドウとは?
    開発者用に作成したツールにより、懸濁したページでJavaScriptをすばやくテストできます.
    consoleウィンドウに入力した値はすぐに表示されますが、scriptラベルにはconsoleです.ロゴを使うべきです.
    console.log(変数)
    console.log(変数1,変数2)
    このように一度に複数の値を出力することができます.

  • コーディングルール
    変数の名前付き形式.名前のルールを作成します.
    変数に名前を付けるときは、含まれる情報をよく表現します.
    また、変数名は数値で始まることも、特殊文字やスペースを使用することもできません.
    特定のプログラミング言語(これらのルールを含む)を使用してプログラミングする場合、
    コード会議と言います.

  • データのフォーマット
    文字、数字、boolean(真、偽)、データ型(List、Dictionary)

  • データ型
    資料を収録する形式.ListとDictionaryが最もよく使われています.

  • リスト#リスト#
    秩序形態
  • let sampleList = [];
    let sampleList = [1,2,3,'string'];
    //리스트 선언. []로 선언한다.
    
    console.log(sampleList[2]); //3이 출력됨
    console.log(sampleList[3]); //string이 출력됨
    
    sampleList.push('5'); //sampleList의 마지막에 5 삽입
    console.log(sampleList); //[1,2,3,'string',5] 출력
    
    console.log(sampleList.length); //5 출력. sampleList의 data갯수 구하기
  • Dictionary
    鍵のペアと値
  • .
    let sampleDic = {};
    let sampleDic = {'name':'YuJin','age':'28'};
    //딕셔너리 선언. {}로 선언한다. {'키':'값','키':'값'} 형태.
    
    console.log(sampleDic['name']); // YuJin이 출력됨
    console.log(sampleDic['age']); //28이 출력됨
    
    sampleDic['height'] = 160; //딕셔너리에 key:value 넣기
    console.log(sampleDic); //{'name':'YuJin','age',28,'height',160} 출력됨
  • ListとDictionaryの組み合わせ
  • let sample = [
    	{'name':'Yujin','age':28},
        {'name':'Minsu','age':30}
    ];
    //List 안에 Dictionary
    
    console.log(sample[0]['name']); //'YuJin' 출력됨
    console.log(sample[1]['age']); //30 출력됨
    
    newSample = {'name':'Sanghoon','age':29};
    sample.push(newSample);
    //sample List 안에 newSample 삽입
    //같은 형식으로 맞춰서 push해야 데이터를 활용하기 쉽다.
    
    console.log(sample);
    // [{'name':'Yujin','age':28},{'name':'Minsu','age':30},'name':'Sanghoon','age':29};] 출력
    なぜ資料型を使うのですか?
    資料の順序を表示することができ、情報をグループ化することができます.
    let customer1Name = 'Yujin';
    let customer1Age' = 28;
    let customer2Name = 'Minsu';
    let customer2Age = 30;
    let customer1 = {'name':'Yujin','age',28};
    let customer2 = {'name':'Minsu','age',30};
    let customers = [
    	{'name':'Yujin','age',28},
        {'name':'Minsu','age',30}
    ]
    これも簡潔に見え、push関数を使用して簡単に新しいデータを追加できます.
  • その他各種関数
  • 文字列を特定の文字で区切る場合
    let Email = '[email protected]';
    let splitEmail = myEmail.split(@);
    
    console.log(splitEmail); //['Yujin','gamil.com'] 출력됨
    console.log(splitEmail[0]); // Yujin 출력됨
    console.log(splitEmail[1]); // gmail.com 출력됨
    let domain = splitEmail[1].split('.');
    console.log(domain[0]); //gmail 출력됨 --> 구하고 싶었던 값
    console.log(domain[1]); //com 출력됨
    let mailDomain = domain[0];
    console.log(mailDomain); //gmail 출력
    直接作成関数
    function functionName(필요한 변수들) {
    	내릴 명령어들을 순차적으로 작성
    }
    関数の使用
    functionName(필요한 변수들);