[Vanila JS]バニラJSを使用したクロムアプリケーションの作成

2710 ワード
vanilaJS JavaScript NomadCoders テキストリンク
レッスンリンク<-符号化されていないデコーダ

Javascriptを使用する理由

  • バックエンドで使用される言語はPython、Ruby、asp、Haskelなどがあるが、フロントエンドではJavaScriptが唯一のプログラム
    • である.
  • インターネットの急速な発展に伴い、JavaScriptも急速に発展している->強大+影響力=>開発者ができることはますます多くなっている.
  • Web、Webアプリケーション、モバイルアプリケーション、ローカルアプリケーション、ビデオゲーム、デスクトップアプリケーションなど
  • vscodeまたはatomは、JavaScriptで作成されたデスクトップアプリケーション
    • です.

    ES5, ES6

  • JavaScriptバージョンと同じ概念
  • ES 5-ECMAScript 5/ES 6-ECMAScript 6->仕様説明の更新
  • javascriptは集中しており、誰かが更新すると、すべてのブラウザで実行されます.
  • vanila jsとはライブラリのないJavaScript,
    • を指す.

    Vanila JS

  • ブラウザで提供されるjavascript
  • のコア機能をうまく使用する必要があります.そのため、vanila javascript
    • を学ぶ必要があります.

    let, const, var

  • let-再宣言を禁止し、
    • を再割り当てできます.
  • const-再宣言禁止、再割り当て禁止
  • var-再宣言可能、再割り当て可能
    • var a = b;
var a = c; // 재선언, 재할당 가능

let a = b; 
let a = c; // 재선언 불가능
a = c; // 재할당 가능

const a = b;
const a = c; // 재선언 불가능
a = c; // 재할당 불가능

    Data Type

  • 変数を宣言する場合、デフォルトではconstが使用され、letは必要に応じて
    • のみ使用されます.
  • 変数の後の情報
    ->String:textを表します
    -> Boolean : True/False
    ->番号:数値
    ->Float:数値
    • 小数点加算
  • 変数命名時にCamel Caseを使用
    ->小文字で始まり、単語を追加する場合は大文字で始まる
    ex> lowerCase

    • Array , Object

  • データのソート方法->Array,Object
  • Array=[]方式、対象={}方式
  • オブジェクトは、値
    • と命名することができる.

    DOM

  • Document Object Model
  • Htmlの要素がインポートされ、オブジェクト
    • に置き換えられる.

    Event & Event Handlers

  • JavaScriptは、イベントに応答するために作成された
    • です.
  • イベント-Webサイトで発生したイベント(クリック、サイズ変更、ロード、before、閉じるなど)
  • addEventListener構文
    -> target.addEventListener(type, listerner); 
    • function handleResize(){
	console.log("I have been resized");
}
    //resize
    window.addEventListener("resize",handleResize);//resizeイベント発生時にhandleResize関数を実行する
    window.addEventListener("resize",handleResize());//resizeイベントが発生するかどうかにかかわらず、リフレッシュはhandleResize関数を実行することに注意してください.
    
**<이 뒤에 코드 예제 따라하는 부분은 git에 업로드>**


[git](https://github.com/3sally/VanilaJS/tree/master/NomadCoders.ChromeApp)
    Dell 320にUbuntu 9.04をインストール
    React向けのアーキテクチャパターン - Flux