[航海99]4/7反応(3)TIL

< TIL >
1. immer

Immerを使用して、ステータスを更新する場合、不変性を考慮せずに更新を行うと、Immerは不変性管理の代わりになります.

しかしimmerのコードを使わないで性能の上で少し速くなりました!

2.rel属性-norefer、noopener、nofollow

HTMLでは、タグはページ(ドキュメント)をページに関連付ける役割を果たします.
aタグ付きrelプロパティは、aタグ付きページとaタグに設定されたhrefプロパティのページとの関係を宣言するために使用されます.

relとは関係を指す.Webブラウザと検索エンジンのプロパティを設定します.ユーザーにはほとんど影響しません.

Noreferer,noopenner,nofollowなどの政策・方針的性質は関係より強い.

unfollow:検索エンジンはリンクをスクロールしない場合があります.
(ex.ログインページリンク)
しかし罠を無視して検索することもできます.

<a href="/r/signon/login" rel="nofollow">로그인</a>

noreferre:リンクをクリックすると、HTTP転送ヘッダ(referer header)を超えなくてもよい.(Webブラウザ用)
リクエストがどこから来たのか分かりません.

<a href="https://www.google.com/chrome" rel="noreferrer">크롬 내려받기</a>

noopener:セキュリティ属性.targetがblankのリンクをクリックすると、新しいタブでページが開きます.このとき開いている側からOpenerプロパティを使用してwindowオブジェクトとして部分的にアクセスできます.(セキュリティの問題)noopennerを使用すると、これを阻止できます.

<a href="https://www.google.com/chrome" rel="noopener" target="_blank">크롬 내려받기</a>

『回顧』

というようにReactのコンセプトを学び、個人プロジェクトを行う3週間が過ぎました…!もう3週間も経ったとは信じられませんが、😇
学んだことがたくさんあって、まだまだ足りないところがたくさんあるので、明日からのチームプランが心配ですが、それでも出来るでしょう!!!

久しぶりに出かけました...いつの间にか春になりました.

今週は本当に疲れたかもしれませんが、皆さんお疲れ様でした.👍

明日からの本格プロジェクトもがんばります!!!