[ハイブリッド学習]Web開発基盤04

19937 ワード
こんごうしあげ 真の基礎 CSS html イブ js テキストリンク

スパルタコードクラブのウェブサイト開発の基礎を聞いてまとめた文章です。


▶講義リンク

📍 JavaScriptとは?

  • プログラミング言語の1つで、ブラウザは
    • を理解することができます.
  • すべてのブラウザは基本的にJavaScriptを聞き取るように設計されており、すべてのWebサーバがHTML+CS+Javascriptを提供するので注意が必要です.

    • 📍 JavaScriptとhtmlドキュメントの組み合わせ


    htmlのstyleラベルにcssを配置するとjavascriptがscriptラベルにバインドされます.
    1.他のファイルに接続して使用
    <head>
<script src="자바스크립트 파일경로"></script>
</head>
    2.htmlコードに入れて使う
    <head>
  <script>
    console.log("hello,world!"); /*브라우저의 콘솔로 출력*/
    alert("hello,world!"); /*대화상자로 출력*/
  </script>
</head>

    📍 ボタンを押して警告ウィンドウを開く基本例


    1.次の関数を作成し、scriptラベルに挿入します.
    <head>
  <script>
    function hi(){
      alert('hi');
    }
  </script>
</head>
    2.前の例または作成したボタンラベルに次のコードを書き、ボタンと関数を接続します.
    <a onclick="hi()" class="btn btn-primary btn-lg" href="#" role="button">포스팅박스 열기</a>

    📍 Javascriptの基礎文法を学ぶ(1)


    変数＃ヘンスウ＃


    宣言変数(値を含むボックス)
    letを使用して変数を宣言します.
    let a = 2;
a = a + 3;
console.log(a);
    数値のほかに、文字列(二重引用符で囲まれた)、booleanなど様々な形式のデータ型を変数として指定することもできます.
    変数間の演算
    デフォルトでは、4つの演算と文字列のプラス記号を有効にします.
    let a = 1;
let b = 2;
a + b; // 3 출력
a / b; // 0.5 출력
let first = 'hello';
let last = 'JS';
first+last; // 'helloJS' 출력
first+' '+last; // 'Bob Lee' 출력
first+a; // 'hello1' 출력
    文字と数値データを連結する場合は、数値を文字に変換して連結演算を行います.

    リストには、ディック・シャナリーもいます。


    アウトライン
    秩序形態
    let a_list = []; //리스트를 선언
a_list=[1,2,'hey',3]; //선언한 리스트에 값을 할당
//혹은
let b_list = [1,2,'hey',3]; //리스트를 선언하면서 값을 할당
b_list[1]; //리스트의 첫번째 위치인 2를 출력(리스트는 0번부터 존재)
b_list[2]; // 'hey'를 출력
//리스트에 요소 넣기, 동적으로 추가됨.
b_list.push('헤이');
//cf.리스트에 요소 빼기
b_list.pop('hey');
b_list; //[1,2,"hey",3,"헤이"]를 출력
b_list.length; // 5를 출력
    に頼む
    キー-Value値のセット
    let a_dict = {}; //딕셔너리 선언
a_dict = {'name':'SSook', 'age':23}; //선언한 딕셔너리에 값을 할당
// 또는,
let b_dict = {'name': 'SSook', 'age':23}; //딕셔너리를 선언하며 값을 할당
b_dict['name']; // 'SSook'을 출력
b_dict['age']; // 23을 출력
b_dict['bloodType'] = 'B'; //딕셔너리에 키:밸류 넣기
//딕셔너리에 리스트 넣기
a_dict['exList']=b_list; //a_dict의 exList키에는 b_list의 값인 {1,2,3,'헤이'}가 들어가 있다.
a_dict['exList'][0]; //1 출력
b_dict; //변경 후 b_dict 값 출력
    ¥¥¥¥¥¥¥¥
    リストとディックシーケンスを使用して、順序と組織情報を表示します.
    names = [{'name':'ssook', 'age:23'},{'name':'jimin', 'age:27'}];
//리스트 안에 딕셔너리가 있는 형태
new_name = {'name':'RM', 'age:28'};
names.push(new_name);

    四則演算以外の基本演算/関数。


    1.余剰を求める
    let a = 18;
let b = 4;
a % b = 2;
    -平均流量用
    -偶数または奇数の区別
    2.すべての文字を大文字に変更する場合
    let myname = 'choisook';
myname.toupperCase(); //CHOISOOK
    3.文字列を特定の文字で区切る場合は、1を選択します.
    let myname = 'choi_sook';
let result = myname.split('_');
console.log(result[0]); //choi
console.log(result[1]); //sook
//한 번에 붙여쓰는 것도 가능
let yourname = 'park.ji_min';
let yourresult = yourname.split('.').split('_');
    4.文字列を特定の文字で区切る場合は、2を選択します.
    let addr = '서울시-양천구-신정동';
let names = addr.split('-');
    5.特定の文字で合成したい場合
    let result = addr.join('>'); 
console.log(result); //서울시_양천구_신정동 출력
    追加
    比較演算子
    let a=100;
a < 200; // true
a > 300 ; // false
    【Java】StringBufferとStringBuilderの違い
    [伯俊]1629乗算＃ジョウサン＃