로그인 화면과 등록 화면의 레이아웃 붕괴를 줄이는 방법

Laravel을 설치하고 막상 개발하려고 하면 레이아웃이 무너지고 있다. . .


개발 환경
· AWS Cloud9
· PHP 7.3.11
・Laravel6.5

Laravel 설치 후,

터미널

$ composer require laravel/ui

터미널

$ php artisan ui vue --auth

$ php artisan migrate

터미널

$ npm install
npm WARN deprecated [email protected]: One of your dependencies needs to upgrade to fsevents v2: 1) Proper nodejs v10+ support 2) No more fetching binaries from AWS, smaller package size
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

added 1011 packages from 489 contributors and audited 17168 packages in 26.202s
found 0 vulnerabilities

Laravel은 CSS/JavaScript 파일을 컴파일해야합니다.

터미널

$ npm run dev

> @ dev /home/ec2-user/environment/instaAutoPost
> npm run development


> @ development /home/ec2-user/environment/instaAutoPost
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

12% building 20/23 modules 3 active ...t/node_modules/jquery/dist/jquery.js

이런 느낌으로 나오면 무사, 빌드 끝입니다.


제대로 표시되었습니다.

참고 페이지
Laravel6.0 「make:Auth」가 없어졌다 ~Laravel6.0에서의 Login 기능의 구현 방법~MyMemo