学習[react]-5日目
3216 ワード
Container&Wrapperネーミング
css名を特定するときは、どちらも同じだと思いますので、どちらかを選びました.
(これは、UIを変更するためにコードを再表示する場合、WrapperとColainerはあまり変わらないためです.)
どちらもレイアウトのために設定されたboxですが、ContenerとWrapperには違いがあります.
小包
container는 주로 여러 개의 요소
に使用されます.wrapper는 단일 요소의 레이아웃
を包むためのものだそうです.aseetsフォルダの管理
今後増加する可能性のある資産を管理する定数フォルダが作成されました.
images.js
ファイルロードモジュールは、イメージを管理します.const test1 = require('../assets/images/javascript-4523100_640.jpg');
const test2 = require('../assets/images/temp-img.jpg');
export default { test1, test2 };
index.js
ファイルは統合されています(画像、フォント、アイコンなど...)管理するモジュールをロードします.今は画像しか持ってこない.import images from './images';
export { images };
その後、使用する構成部品を以下の方法でロードおよび管理します.import { images } from '../../constants';
<img src={images.test2.default} />
既存の構成部品を回収しますか?
メイン画面のタイトルは寮カタログに表示されているタイトルと似ていますが、最初に表示された検索フォームも異なり、フォントの色も異なる場合はタイトルを再作成した方がいいのでしょうか、それとも既存の組み合わせで修正した方がいいのでしょうか.
現在は、既存の構成部品に従って変更される方向です.
Reference
Reference
この問題について(学習[react]-5日目), 我々は、より多くの情報をここで見つけました https://velog.io/@jiseong/React-학습-day5テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol