スパルタエンコーディングクラブ1週間目
4062 ワード
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갯수 구하기
鍵のペアと値
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} 출력됨
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(필요한 변수들);
Reference
この問題について(スパルタエンコーディングクラブ1週間目), 我々は、より多くの情報をここで見つけました https://velog.io/@yj6151122/스파르타-코딩클럽-1주차テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol