React TIL (6)



Reactについて少し勉強しました
まずjsはfunction関数名(){}で囲まれてから()を返さなければならない.中に入れる
最後にdefault関数名を出力しなければなりません.書いてこそ正常に動作する.
  • imgTAGsrc/images/(파일이름)を指定してください.
    例)<img src=“/images/파일이름” />
  • cssパブリックフォルダにアクセスできません.background-imageで使用する画像はsrc/assets/images/ディレクトリで管理してください
  • imgのラベルを貼った後、/閉じるマークを付けなければなりません.
    そしてindexjsで

    各jsとcssをインポートする必要があります.
    ReactDOM.render( <함수명 />, document.getElementById('root'));
    見えるコードのように、このように書いてこそ見えます.
    srcフォルダが一番重要です.

    コンポーネントとは

    재사용이 가능한 UI단위.
    この場合、同じコードを繰り返す部分をコンポーネントとして作成して、同じ設計入力が必要な場所で繰り返し使用できます.classをclassNameに書き込みます.

    スパって何?


    シングル・ページ・アプリケーション(SPA)-シングル・ページ・アプリケーション
    普通ならloginhtmlとmain.htmlはページ数で存在しますが、応答項目には1つしかありません.1ページhtmlに複数のページを表示する方法Routing

    ルーティングとは?


    異なる経路(URLアドレス)に応じて異なるビュー(画面)が表示されます.反応器にはこの機能はありません.だから反応はライブラリの理由です!

    ルーティングの移動


    Routeを移動するには、次の2つの方法があります.
  • <Link>構成部品の使用方法
  • **useNavigate実装**