[アプリケーション開発]-クラス(Native、Hybrid、Cross-Platform)、React Native、JS
18763 ワード
📕 最初のログ
[ログの内容]
💡 アプリケーションサービス
アプリケーション・サービスの作成
これは、クライアントとサーバが作成される必要があることを意味します.
簡単に言えば
クライアントはユーザが見た画面である.
サーバはデータが必要な場所です.
これも必要なデータを要求するときに応答する場所です.
アプリケーション、すなわち、クライアントに必要なデータがあるたびに、サーバに要求を発行し、応答データを受信してユーザに表示する.
サーバを1台作成すれば、必要なデータを要求できます.
💡 アプリを作るなら?
アプリケーション開発の代表的なものは「アンドロイド」と「iOS」です.
AndroidはJavaとKotlin言語で開発できます.
iOSはSWIFT技術で開発できる.
以下に説明する反応活性はその1つである.
💡 アプリケーション開発タイプ
まず、アプリケーション開発の種類を見てみましょう.
AndroidとiOSのネイティブアプリをそれぞれ開発!
Webサイトを作成し、ハウジングを追加して、簡単に導入できるハイブリッドアプリケーション!
最後に、以上の2つの方法を組み合わせたプラットフォーム間アプリケーション!
🔍 ネイティブアプリケーション
AndroidやiOSなどの特定のプラットフォーム用に作成されたアプリケーション
長所
🔍 ハイブリッドアプリケーション
ネイティブアプリケーションとWebアプリケーションの機能を組み合わせます(Webアプリケーション:一般的なWebブラウザで使用することを指します).
長所
🔍 プラットフォーム間アプリケーション
2つ以上のプラットフォームで稼働するアプリケーションを作成しているといえる.
長所
💡 はんのうこゆう
反応本機はプラットフォーム間アプリケーション開発言語の一つである.
私たちはFacebookで作成し、サポートを提供しています.
ユーザインタフェース(UI)の作成に特化した応答応答.これはjsライブラリ/フレームワークに基づいてアプリケーションを作成する技術です.(js=javascript略)
ここでは、本機が常に最新バージョンのJavaScript構文(ES 6)を使用していることに注意してください。
💡 アプリケーションの開発に使用される一般的なJavascript
🔍 矢印関数-ARROw Function(関数が短い!)
矢印関数(Arrow Function)構文で宣言することもできます.
[기존 방식]
let a = function() {
console.log("function");
}
a();
[최신 방식]
let a = () => {
console.log("arrow function");
}
a();
🔍 構造化されていない割当て(ディックシーケンスキーと値をすばやくポップアップ!)
//객체
let blog = {
owner : "ho",
url : "ho.tistory.com",
getPost() {
console.log("문법 정리");
}
};
//기존 할당 방식
let owner = blog.owner
let getPost = blog.getPost()
//비구조 할당 방식
let { owner, getPost } = blog;
//각각 blog 객체의 owner , getPost() 의 데이터가 할당
//blog의 키 값과 이름이 같아야한다.
//(예 - owner가 아니라 owner2를 넣으면 아무것도 안 들어온다.)
** 많이 사용할 방식**
//함수에서 비구조 할당 방식으로 전달된 딕셔너리 값 꺼내기
let blogFunction = ({owner,url,getPost}) => {
console.log(owner)
console.log(url)
console.log(getPost())
}
blogFunction(blog)
🔍 テキスト-テキスト(自由に改行!)
またbacktic(`)では複数行の改行も自由に使用できます.
const id = "myId" ;
const url = `http://ho.tistory.com/login/${id}` ;
const message = "줄바꿈을 하려면 \n이 기호를 써야 했지만"
const message = ` 백틱은 줄바꿈도
마음대로 사용이 가능합니다. `
🔍 オブジェクト文字(ディックシリーズを短く作ってみよう!)
[기존 방식]
var name = "ho";
var job = "developer";
var user = {
name: name,
job: job
}
console.log(user);
//{name: "ho", job: "developer"}
[최신 방식]
var name = "ho";
var job = "developer";
var user = {
name,
job
}
console.log(user);
//{name: "ho", job: "developer"}
🔍 map(文を繰り返す別の方法)
//for문
let numbers = [1,2,3,4,5,6,7];
for(let i=0; i<numbers.length; i++){
console.log(numbers[i]);
}
//map
let numbers = [1,2,3,4,5,6,7];
numbers.map((value,i) => {
console.log(value,i)
})
//numbers.map((value,i) => 는 numbers.map(function(value,i) 와 같다.
//1 0
//2 1
//3 2
//4 3
//5 4
//6 5
//7 6
🔍 module system(JavaScriptファイルをモジュール化)
例えばutil.jsファイルがあると仮定
//times, plusTwo 함수를 외부로 내보낼 준비를 한다.
export function times(x) {
return x * x;
}
export function plusTwo(number) {
return number + 2;
}
// util.js에서 내보낸 함수들을 사용하는 모습
import { times, plusTwo } from './util.js';
console.log(times(2));
console.log(plusTwo(3));
export defaultとして宣言された関数の場合:// in util.js
export default function times(x) {
return x * x;
}
// in app.js
import k from './util.js';
console.log(k(4)); // returns 16
감사합니다 😊
Reference
この問題について([アプリケーション開発]-クラス(Native、Hybrid、Cross-Platform)、React Native、JS), 我々は、より多くの情報をここで見つけました https://velog.io/@dlghgus5656/앱개발テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol