-
라라벨 routes/web.php 간단하게 사용해보기Laravel 2022. 5. 11. 23:45
라라벨 페이지는 어떻게 뜨는걸까?
- routes/web.php에 접속 경로와 반환값(텍스트, 뷰 등)을 입력함
- 라라벨을 처음 접했을 때 이 부분을 이해하기 어려웠고 그래서 짧게 정리하기로 함
라라벨 프로젝트 미설치 상태라면 아래 글 참고
2022.05.11 - [Laravel] - 라라벨 개발 환경 만들기(Windows11, PHP, Composer, Laravel)
라라벨 개발 환경 만들기(Windows11, PHP, Composer, Laravel)
설치 환경 - Windows11 설치 버전 - PHP 8.1, Composer 2.3.5 순서 1. PHP 설치 2. Composer 설치 3. Laravel 프로젝트 설치 1. PHP 설치 - 최신버전 8.1 https://www.php.net/downloads.php PHP: Downloads Curre..
dlog.tistory.com
사용한 편집기
- VScode
VScode에서 PHP 설치 경로 추가
- 파일 -> 기본 설정 -> 설정 -> php 검색 -> settings.json에서 편집 클릭 -> "php.validate.executablePath": "php.exe 경로 입력"
VScode에서 터미널(명령 프롬프트)창 열기
- 터미널 -> 새 터미널 선택
- 컨트롤러 생성, 웹서버 구동 명령어 입력하려면 필요함
순서
1. routes/web.php에서 텍스트 띄우기
2. routes/web.php에서 View로 연결하기
3. routes/web.php에서 Contoller로 연결하기
1. routes/web.php에서 텍스트 띄우기
- VScode에서 Laravel 프로젝트 폴더 열기
- routes/web.php에 아래 내용 추가
Route::get('/hello', function () { return "Hello World!"; });- 웹서버 구동 - 터미널에 아래 내용 입력
php artisan serve- 크롬 주소창에 127.0.0.1:8000/hello 입력
- 결과 확인
Hello World!2. routes/web.php에서 View로 연결하기
- routes/web.php에 아래 내용 추가
Route::get('/bye', function () { return view('bye'); });- resources/views에 bye.blade.php 파일 생성 후 아래 내용 입력
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Laravel</title> </head> <body> <div class="flex justify-center pt-8 sm:justify-start sm:pt-0"> Goodbye </div> </body> </html>- 웹서버 구동 - 터미널에 아래 내용 입력
php artisan serve- 크롬 주소창에 127.0.0.1:8000/bye 입력
- 결과 확인
Goodbye3. routes/web.php에서 Contoller로 연결하기
목표
- /test로 접속 -> TestController의 index()로 이동 -> test.blade.php로 이동
작업내용
- 컨트롤러 만들기
php artisan make:controller TestController --resource- app/Http/Contollers/TestController.php -> index() 안에 아래 내용 입력
... public function index() { return view('test'); } ...- resources/views에 test.blade.php 파일 생성 후 아래 내용 입력
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Laravel</title> </head> <body> <div class="flex justify-center pt-8 sm:justify-start sm:pt-0"> Test </div> </body> </html>- routes/web.php에 아래 내용 추가
use App\Http\Controllers\TestController; Route::get('/test', [TestController::class, 'index']);- 크롬 주소창에 127.0.0.1:8000/test 입력
- 결과 확인
Test'Laravel' 카테고리의 다른 글
라라벨 다국어 처리 적용 방법 (0) 2022.05.12 라라벨 개발 환경 만들기(Windows11, PHP, Composer, Laravel) (0) 2022.05.11