17日(2)

同期vs非同期

			<동기> 순서대로 일처리서버 컴퓨터가 자업이 끝날때까지 기다리는 통신
			/등록

投稿の登録->投稿の登録完了-(応答完了後のリクエスト)投稿の読み込み
<非同期>サーバコンピュータの完了を待たない通信+
たじゅうつうしん
/登録
ゲームをダウンロードしながらチャットする友達?非同期
投稿の登録->
投稿の登録
->投稿の読み込み
非動機を動機に変えた鳴喥魚
async/await同テーブル.
//非同期通信
関数名(){
const data = axios.get(「リンク」)
console.log(data)//promise
}
//同期通信
async関数名(){
const data = await axios.get(「アドレス」)
console.log(data)/{id:1,title:「ララララララララララララ」co
}
なんてことだ
console.log(child)
varchild=「元に戻す」
VM136:1 undefined
undefined !!??? アップグレードアップグレードはvarがあまり使いにくいです.
(下記参照)const/letも転載可能
var child = undefined ;
console.log(child)
child=「チョルス」はこのように
なんてことだ
console.log(child2)
const child 2=「撤退」
VM255:1 Uncaught SyntaxError: Identifier 'child' has already been declared
console.log(child3)
let child 3=「撤退」
VM400:1 Uncaught ReferenceError: child3 is not defined
at :1:13
なんてことだ
hello()
function hello(){
console.log(「こんにちは!」
}
仮想マシン636:4こんにちは!
(ソースコードの伝播で問題が発生する可能性があります)
hello2()
const hello2=function (){
console.log(「こんにちは~!」)
}
VM729:1 Uncaught ReferenceError: hello2 is not defined
at :1:1
(anonymous) @ VM729:1
hello2()
const hello2= () => {
console.log(「こんにちは~!」)
}
VM789:1 Uncaught ReferenceError: hello2 is not defined
at :1:1
varchild=「元に戻す」
varchild=「英姫」
console.log(child)
仮想マシン1037:3英姫
undefined
const child 2=「撤退」
const child 2=“英姫”
console.log(child2)
VM1100:2 Uncaught SyntaxError: Identifier 'child2' has already been declared
let child 3=「撤退」
let child 3=「英姫」
console.log(child3)
VM1183:2 Uncaught SyntaxError: Identifier 'child3' has already been declared
function hello(){
console.log(「こんにちは」)
}
function hello(){
console.ロゴ(「お会いできて嬉しいです」)
}
hello()
仮想マシン1484:6ようこそ
undefined
const hello(){
console.log(「こんにちは」)
}
const hello(){
console.ロゴ(「お会いできて嬉しいです」)
}
hello()
VM1548:1 Uncaught SyntaxError: Missing initializer in const declaration
雷区を歩いている気分かもしれません.コンソールページではlet/cont/functionは許可されていません
設定作業は必ずappしてください.べきである
04-01-rest-get/index.jsの画面はappです.jsから戻る(
これはComponentで展示されています.
_app.jsでは、すべての設定
function MyApp({component , pageProps}) {
ここですべての設定をすればいいです

return <...

}
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
非同期運転方式を同期運転方式に変換する必要があります.これはコマンドasync/awaitに役立ちます.

            async/await 을 사용해주면 await 이 작성된 ㅂ분의 코드 실행이 완전히 완료 되기전까지는 하단의 코드가 실행되지 않습니다 . 이렇게 되면 완전히 완료된 후 완성된 데이터를 화면에 그려줄수 있다.
            
            호이스팅에 대해서도 배웠다. 
            변수의 선언과 초기화를 분리해서 선언만 코드의 최상단으로 끌어올려주는것이라고 했습니다. function 함수 선언과 var 변수 선언은 정희하는 코드보다 사용하는 코드가 앞서 등장할 수 있었고 , 게다가 재선언/ 할당이 가능해지기 때문에 예기치 못한 에러가 발생할 수 있다.
            
            화살표 함수를 사용하고 , let 이나 const 변수 선언을 사용해주시는 이유/
            
            vscode에서 apollo-client 를 사용하여 graphql-API 요청하실 때는 useQuery () 와 usemutation()을 사용해서 통신해주시면 되겠습니다.(applo-client 에서 import 해주시는 것도 잊지말자!)