멍멍홈을 라라벨로 새로 만들기_12. (DB) DB 및 모델을 이용하여 구현

♧ '멍멍홈을 라라벨로 새로 만들기' 프로젝트 목차 ♧ (보시려면 아래 더보기 를 눌러주세요.)

0. 라라벨(laravel) 개발 환경 구축하기-방법1 (Windows & 도커(docker) & 라라독(laradock) 활용)

0. 라라벨(laravel) 개발 환경 구축하기-방법2 (Windows & 도커(docker) & sail 활용)

1. 기존 소스

2. 기존 소스를 하나의 블레이드로

3. 컨트롤러 하나 생성

4. javascript, css 정리

5. 기존 PHP 로직을 컨트롤러로

6. 블레이드 문법으로 수정

7. 외부 블레이드 파일, component 활용

8. (DB) Model 및 기타 파일 생성

9. (DB) 더미데이터를 한글로 만드는 방법

10. (DB) 모델, DB 활용 연습

11. (DB) 기존 데이터 배열을 DB로 변환

12. (DB) DB 및 모델을 이용하여 구현

13. 로그인 구현을 위한 스타터키트 Breeze 설치 및 로그인 작업

14. 로그인 창 뒷배경도 동영상이 보이도록 수정

15. 관리자 화면에서 전체 게시글 리스트 한번에 보기

16. 관리자 화면에서 게시글 수정하기

17. 관리자 화면에서 게시글 삭제하기

18. 관리자 화면에서 게시글 새로 작성하기

19. 방문자 수 구현하기 => 실패 => 성공

---

(이번에 처음 라라벨을 공부하면서 만드는 것이라 많이 부족한 점 참고바랍니다.)

기존 소스 파일을 지우면서 수정할까 하다가 추후 공부를 위해 그대로 놔두고 새로운 복사본을 만들어 수정하였습니다.  (주의 - 14. 로그인~~~ 내용에서 파일 이름이 헷갈려서 그냥 맨처음 만들었던 파일 이름으로 모두 소스를 변경하여 작업을 하니, 기존 배열 방법이 필요없을 경우 원래 파일을 직접 수정하시기 바랍니다.)

< 기존 배열 방법 >					< DB, 모델 이용 방법 >
Route::get('/view', [IndexController::class, 'index']);				라우트	Route::get('/', [PostController::class, 'index']);
IndexController				컨트롤러	PostController
index.blade.php layerhelps.blade.php components/newpanel.blade.php components/panes.blade.php				뷰	index2.blade.php components/layerhelps2.blade.php components/newpanel2.blade.php components/panes2.blade.php
header.blade.php				공통	header.blade.php

 

1. 컨트롤러에서 다른 부분

당연히 소스 안에 내용을 넣는 것 보다는 DB에서 내용을 불러오는 소스가 훨씬 간단함.
array($arr_count, "< 웹을 이용한 유틸들 >"),             array(                 "2022-07-01", "2.0", "학부모 상담 예약 시스템 (2학기 운영 시작)",                 ~~~~~~~~~~~~~~~중간 생략~~~~~~~~~~~~~~~~~	$categories = Category::all();         $posts = Post::all();
아래 내용은 30일 이내의 최신 게시물을 따로 배열로 만들어 주는 부분인데, DB에서는 간단한 쿼리 하나로 구현 가능
$new_arr = array();         $timenow = date("Ymd");         for ($m = 1; $m <= $arr_count; $m++) {             $tmparr = ${"arr_$m"};             for ($n = 1; $n < sizeof($tmparr); $n++) {                 $timetarget = $tmparr[$n][0];                 $dateDifference = abs(strtotime($timenow) - strtotime($timetarget));                 $days = floor($dateDifference / (60 * 60 * 24));                 if ($days < 30) {                     array_push($tmparr[$n], $tmparr[0][0], $n);                     array_push($new_arr, $tmparr[$n]);                 }             }         }         for ($k = 0; $k < sizeof($new_arr) - 1; $k++) {             for ($a = $k + 1; $a < sizeof($new_arr); $a++) {                 if ($new_arr[$k][0] < $new_arr[$a][0]) {                     $tmp = $new_arr[$k];                     $new_arr[$k] = $new_arr[$a];                     $new_arr[$a] = $tmp;                 }             }         }	$newposts = Post::where('created', '>=', Carbon::now()->subMonth())->get();
리턴값
return view('index', [             'select_movie' => $select_movie,             'arr_count' => $arr_count,             'arr_1' => $arr_1,             'arr_2' => $arr_2,             'arr_3' => $arr_3,             'arr_4' => $arr_4,             'arr_5' => $arr_5,             'arr_6' => $arr_6,             'arr_7' => $arr_7,             'new_arr' => $new_arr,             'timenow' => $timenow,         ]);	return view('index2', [             'select_movie' => $select_movie,             'posts' => $posts,             'newposts' => $newposts,             'categories' => $categories,         ]);

 

2. index.blade.php <-> index2.blade.php   다른 부분

index.blade.php

index2.blade.php

~~~~~~~~~~~~상단 생략~~~~~~~~~~~~     <x-newpanel :new_arr="$new_arr"/>     <p><br></p>     @for ($k = 1; $k <= $arr_count; $k++)         @php             $arr = ${"arr_$k"};         @endphp         <x-panel :arr="$arr" :k="$k" :timenow="$timenow"/>         <!--레이어 도움말-->         @include('layerhelp')         <p><br></p>     @endfor ~~~~~~~~~~~~하단 생략~~~~~~~~~~~~

~~~~~~~~~~~~상단 생략~~~~~~~~~~~~     <x-newpanel2 :newposts="$newposts"/>     <p><br></p>     @for ($k = 1; $k <= ($categories->count()); $k++)         @php             $post = $posts->where('category_id', $k);         @endphp         <x-panel2 :post="$post" :category="$categories[$k-1]->name" :k="$k"/>         <p><br></p>     @endfor     @for ($k = 1; $k <= ($categories->count()); $k++)         @php             $post = $posts->where('category_id', $k);         @endphp         <!--레이어 도움말-->         <x-layerhelp2 :post="$post" :k="$k"/>     @endfor ~~~~~~~~~~~~하단 생략~~~~~~~~~~~~

 

3. newpanel.blade.php <-> newpanel2.blade.php   다른 부분

newpanel.blade.php

newpanel2.blade.php

@props(['new_arr']) ~~~~~~~~~~~~중간 생략~~~~~~~~~~~~                   @for ($k = 0; $k < sizeof($new_arr); $k++)                     <p>                         <a href='{{ $new_arr[$k][3] }}' target='_Blank' class='data'                             idx='{{ $new_arr[$k][7] }}_{{ $new_arr[$k][8] }}'>                             <img src='/images/ball.gif'>                             {{ $new_arr[$k][2] }} V{{ $new_arr[$k][1] }} ({{ $new_arr[$k][0] }})                         </a>                         @if ($new_arr[$k][4] != '')                             <a href='{{ $new_arr[$k][4] }}' target='_Blank'><img src='/images/youtube1.png'                                     width=50></a>                         @endif                         => {{ $new_arr[$k][5] }}                     </p>                 @endfor ~~~~~~~~~~~~하단 생략~~~~~~~~~~~~

@props(['newposts']) ~~~~~~~~~~~~중간 생략~~~~~~~~~~~~                 @foreach ( $newposts as $newpost)                     <p>                         <a href='{{ $newpost->link_blog }}' target='_Blank' class='data'>                             <img src='/images/ball.gif'>                             {{ $newpost->title }} V{{ $newpost->version }} ({{ $newpost->created }})                         </a>                         @if ($newpost->link_youtube != '')                             <a href='{{ $newpost->link_youtube }}' target='_Blank'><img src='/images/youtube1.png'                                     width=50></a>                         @endif                         => {{ $newpost->excerpt }}                     </p>                 @endforeach ~~~~~~~~~~~~하단 생략~~~~~~~~~~~~

 

4. panel.blade.php <-> panel2.blade.php   다른 부분

panel.blade.php

panel2.blade.php

@props(['arr','k','timenow']) <div class='p{{ $arr[0][0] }}' style='left: 0px;width:100%;'>     <br>     <table border=0 cellspacing=0 cellpadding=0 width=90% align=center class=aa>         <tr>             <td>                 <p align=center class='p_title'>                     <b>                         {{ $arr[0][1] }}                     </b>                 </p>             </td>         </tr>     </table>     <table border=0 width=90% align=center>         <tr>             <td>&nbsp;</td>         </tr>         <tr>             <td style='text-indent:-3em; padding:10px 10px 10px 60px;'>                 @for ($i = 1; $i < sizeof($arr); $i++)                     <p>                         <a href='{{ $arr[$i][3] }}' target='_Blank' class='data'                             idx='{{ $arr[0][0] }}_{{ $i }}'>                             <img src='/images/ball.gif'>                             @php                                 $timetarget = $arr[$i][0];                                 $dateDifference = abs(strtotime($timenow) - strtotime($timetarget));                                 $days = floor($dateDifference / (60 * 60 * 24));                             @endphp                             @if ($days < 30)                                 <img src='/images/new.gif' width=30>                             @endif                             {{ $arr[$i][2] }} V{{ $arr[$i][1] }} ({{ $arr[$i][0] }})                         </a>                         @if ($arr[$i][4] != '')                             <a href='{{ $arr[$i][4] }}' target='_Blank'><img src='/images/youtube1.png' width=50></a>                         @endif                         => {{ $arr[$i][5] }}                     </p>                 @endfor                 <br>             </td>         </tr>     </table> </div>

@props(['post','category','k']) <div class='p{{ $k }}' style='left: 0px;width:100%;'>     <br>     <table border=0 cellspacing=0 cellpadding=0 width=90% align=center class=aa>         <tr>             <td>                 <p align=center class='p_title'>                     <b>                         {{ $category }}                     </b>                 </p>             </td>         </tr>     </table>     <table border=0 width=90% align=center>         <tr>             <td>&nbsp;</td>         </tr>         <tr>             <td style='text-indent:-3em; padding:10px 10px 10px 60px;'>                 @foreach ( $post as $post_one)                     <p>                         <a href='{{ $post_one->link_blog }}' target='_Blank' class='data'                             idx='{{ $k }}_{{ ($loop->index)+1 }}'>                             <img src='/images/ball.gif'>                             @php                                 $timenow = date("Ymd");                                 $timetarget = $post_one->created;                                 $dateDifference = abs(strtotime($timenow) - strtotime($timetarget));                                 $days = floor($dateDifference / (60 * 60 * 24));                             @endphp                             @if ($days < 30)                                 <img src='/images/new.gif' width=30>                             @endif                             {{ $post_one->title }} V{{ $post_one->version }} ({{ $post_one->created }})                         </a>                         @if ($post_one->link_youtube != '')                             <a href='{{ $post_one->link_youtube }}' target='_Blank'><img src='/images/youtube1.png' width=50></a>                         @endif                         => {{ $post_one->excerpt }}                     </p>                 @endforeach                 <br>             </td>         </tr>     </table> </div>

 

5. layerhelp.blade.php <-> components/layerhelp2.blade.php   다른 부분

layerhelp.blade	components/layerhelp2.blade
@for ($j = 1; $j < sizeof($arr); $j++)     <div id='divLayer_{{ $k }}_{{ $j }}' class='overLayer'>         <br>         <div class='content'>             <strong><span id='content'>제목</span></strong>             <br><br>             {!! $arr[$j][6] !!}         </div>     </div> @endfor	@props(['post','k']) @foreach ( $post as $post_one)     <div id='divLayer_{{ $k }}_{{ ($loop->index)+1 }}' class='overLayer'>         <br>         <div class='content'>             <strong><span id='content'>제목</span></strong>             <br><br>             {!! $post_one->body !!}         </div>     </div> @endforeach

 

6. 느낀 점

처음에는 너무 생소했던 라라벨의 ORM(Object Relational Mapper, Active Record Pattern 의 구현체)인 엘로퀀트(eloquent)를 조금씩 쓸 줄 알게 되니 예전 DB를 다루는 방법보다 훨씬 직관적이고, 쉽다는 것을 느끼게 됨. 

 

---

🍺🍺 작업한 모든 소스는 아래 링크에서 확인하실 수 있습니다. 🍺🍺

https://github.com/mmssem/munghome

GitHub - mmssem/munghome