멍멍홈을 라라벨로 새로 만들기_6. 블레이드 문법으로 수정

728x90

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

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. 방문자 수 구현하기 => 실패 => 성공

index.blade.php 파일을 블레이드 문법에 맞게 조금 수정을 해봅니다.

1. {{ $value }} 사용

 {{ $value }}
 
<?=$value?>
 
<?php echo $value?>

가. 위 3가지 코드는 동일한 의미임. 단, 블레이드의 {{ }} 표현은 XSS(cross-site-scripting) 공격을 방어하기 위해 자동으로 htmlspecialchars함수 기능을 실행하기 때문에 &, <,>,"" 같은 특수문자나 문장부호가 이스케이프 처리되어 표시됨. (참고로, {!! $value !!} 는 이스케이프 처리가 되지 않도록 하는 문법임.)

나. index.blade.php 파일 내용 중 blade 문법으로 수정할 부분

 <body topmargin="0"  leftmargin="0" marginwidth="0" marginheight="0">
<div id="background" class="player" data-property="{
  videoURL: '<?php echo $select_movie?>',
  mute: true,
 
//아랫부분으로 수정
 
<body topmargin="0"  leftmargin="0" marginwidth="0" marginheight="0">
<div id="background" class="player" data-property="{
  videoURL: '{{ $select_movie }}',
  mute: true,

2. index.blade.php 전체 수정된 코드

 <html>
 
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
    <title>🐾자 멍멍쌤 홈</title>
 
    <link href="/css/app.css" rel="stylesheet">
 
    <script src='http://code.jquery.com/jquery-latest.min.js'></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery.mb.YTPlayer/3.3.9/jquery.mb.YTPlayer.min.js'></script>
    <script src="/js/app.js"></script>
</head>
 
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
    <div id="background" class="player"
        data-property="{
            videoURL: '{{ $select_movie }}',
            mute: true,
            showControls: false,
            useOnMobile: true,
            quality: 'highres',
            containment: 'body',
            loop: true,
            autoPlay: true,
            stopMovieOnBlur: false,
            startAt: 0,
            opacity: 1
        }">
    </div>
 
    <div style="left: 0px;width:100%;">
        <table border=0 width=100% cellspacing=0 cellpadding=0>
            <tr>
                <td class='p_title'>
                    &nbsp;멍멍쌤의 취미생활<br>
                </td>
                <?php
                /*
                    <td align=center valign=bottom>
                    <font size=3 color=white>
                    <?echo "오늘:".$tosum.", 어제:".$yessum.", 전체:".$total." (since 2003)";?>
                    </font>
                    </td>
                */
                ?>
                <td align=right valign=bottom class='p_title1'>
                    <a href='https://mungssem.kr/photo/port/port.php' target=_Blank>추억의 취미 작품집
                        보기</a>&nbsp;&nbsp;&nbsp;<br>
                </td>
                <td align=right valign=bottom class='p_title1'>
                    <a href='https://mungkhs2.cafe24.com/rb/?r=home' target=_Blank>옛날 멍멍홈 방문</a>&nbsp;&nbsp;&nbsp;<br>
                </td>
            </tr>
        </table>
    </div>
    <p><br></p>
    <div class='p_new' style="left: 0px;width:100%;">
        <br>
        <table border=0 width=100% align=center>
            <tr>
                <td>
                    <p align=center class='p_title'>
                        <b>
                            < 최근 업그레이드 현황>
                        </b>
                    </p>
                </td>
            </tr>
        </table>
        <table border=0 width=90% align=center>
            <tr>
                <td>&nbsp;</td>
            </tr>
            <!--///임의 추가 내용-->
            <tr>
                <td>
                    <p>
                        <a href='https://indischool.com/boards/announcement/37251001?page=2' target='_Blank'>
                            <img src='/images/ball.gif' class=inline> 요즘 하고 있는 취미생활
                            => 여름방학 부터 당분간 계속 쪼랩(인디스쿨 취미 코딩 커뮤니티)에서 라라벨(laravel) 공부중입니다. 그래서, 잠시 모든 개발을 멈추게 되어습니다. 추후
                            라라벨 공부가 끝나면 다시 취미 개발을 시작할 예정입니다.</a>
                    </p>
                </td>
            </tr>
            <tr>
                <td style='text-indent:-3em; padding:10px 10px 10px 60px;'>
                    @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
                </td>
            </tr>
            <tr>
                <td>&nbsp;</td>
            </tr>
        </table>
    </div>
    <p><br></p>
        @for ($k = 1; $k <= $arr_count; $k++)
            @php
                $arr = ${"arr_$k"};
            @endphp
 
            <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 valign=top style='text-indent:-3em; padding:10px 10px 10px 60px;'>
                            <p align=center class='p_title'><b> {{ $arr[0][1] }}</b></p>
                            <br>
                            @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>
 
            <!--레이어 도움말-->
            @for ($j = 1; $j < sizeof($arr); $j++)
                <div id='divLayer_{{ $arr[0][0] }}_{{ $j }}' class='overLayer'>
                    <br>
                    <div class='content'>
                        <strong><span id='content'>제목</span></strong>
                        <br><br>
                        {!! $arr[$j][6] !!}
                    </div>
                </div>
            @endfor
 
            <p><br></p>
        @endfor
 
    <p align=center>&nbsp;</p>
    <p align=center>&nbsp;</p>
    <p align=center>&nbsp;</p>
    <p align=center>&nbsp;</p>
    <p align=center>&nbsp;</p>
 
</body>
</html>

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

https://github.com/mmssem/munghome

GitHub - mmssem/munghome

Contribute to mmssem/munghome development by creating an account on GitHub.

github.com

728x90

저작자표시

'라라벨(laravel)' 카테고리의 다른 글

멍멍홈을 라라벨로 새로 만들기_8. (DB) Model 및 기타 파일 생성 (0)	2022.10.03
멍멍홈을 라라벨로 새로 만들기_7. 외부 블레이드 파일, component 활용 (0)	2022.10.02
멍멍홈을 라라벨로 새로 만들기_5. 기존 PHP 로직을 컨트롤러로 (0)	2022.10.02
멍멍홈을 라라벨로 새로 만들기_4. javascript, css 정리 (0)	2022.10.01
멍멍홈을 라라벨로 새로 만들기_3. 컨트롤러 하나 생성 (0)	2022.10.01

1. {{ $value }} 사용
2. index.blade.php 전체 수정된 코드

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

멍멍홈을 라라벨로 새로 만들기_6. 블레이드 문법으로 수정

1. {{ $value }} 사용

2. index.blade.php 전체 수정된 코드

'라라벨(laravel)' 카테고리의 다른 글

티스토리툴바

단축키

내 블로그

블로그 게시글

모든 영역

	<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
	<div id="background" class="player" data-property="{
	videoURL: '<?php echo $select_movie?>',
	mute: true,

	//아랫부분으로 수정

	<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
	<div id="background" class="player" data-property="{
	videoURL: '{{ $select_movie }}',
	mute: true,

	<html>

	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title>🐾자 멍멍쌤 홈</title>

	<link href="/css/app.css" rel="stylesheet">

	<script src='http://code.jquery.com/jquery-latest.min.js'></script>
	<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery.mb.YTPlayer/3.3.9/jquery.mb.YTPlayer.min.js'></script>
	<script src="/js/app.js"></script>
	</head>

	<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
	<div id="background" class="player"
	data-property="{
	videoURL: '{{ $select_movie }}',
	mute: true,
	showControls: false,
	useOnMobile: true,
	quality: 'highres',
	containment: 'body',
	loop: true,
	autoPlay: true,
	stopMovieOnBlur: false,
	startAt: 0,
	opacity: 1
	}">
	</div>

	<div style="left: 0px;width:100%;">
	<table border=0 width=100% cellspacing=0 cellpadding=0>
	<tr>
	<td class='p_title'>
	멍멍쌤의 취미생활<br>
	</td>
	<?php
	/*
	<td align=center valign=bottom>
	<font size=3 color=white>
	<?echo "오늘:".$tosum.", 어제:".$yessum.", 전체:".$total." (since 2003)";?>
	</font>
	</td>
	*/
	?>
	<td align=right valign=bottom class='p_title1'>
	<a href='https://mungssem.kr/photo/port/port.php' target=_Blank>추억의 취미 작품집
	보기</a>   <br>
	</td>
	<td align=right valign=bottom class='p_title1'>
	<a href='https://mungkhs2.cafe24.com/rb/?r=home' target=_Blank>옛날 멍멍홈 방문</a>   <br>
	</td>
	</tr>
	</table>
	</div>
	<p><br></p>
	<div class='p_new' style="left: 0px;width:100%;">
	<br>
	<table border=0 width=100% align=center>
	<tr>
	<td>
	<p align=center class='p_title'>
	<b>
	< 최근 업그레이드 현황>
	</b>
	</p>
	</td>
	</tr>
	</table>
	<table border=0 width=90% align=center>
	<tr>
	<td> </td>
	</tr>
	<!--///임의 추가 내용-->
	<tr>
	<td>
	<p>
	<a href='https://indischool.com/boards/announcement/37251001?page=2' target='_Blank'>
	<img src='/images/ball.gif' class=inline> 요즘 하고 있는 취미생활
	=> 여름방학 부터 당분간 계속 쪼랩(인디스쿨 취미 코딩 커뮤니티)에서 라라벨(laravel) 공부중입니다. 그래서, 잠시 모든 개발을 멈추게 되어습니다. 추후
	라라벨 공부가 끝나면 다시 취미 개발을 시작할 예정입니다.</a>
	</p>
	</td>
	</tr>
	<tr>
	<td style='text-indent:-3em; padding:10px 10px 10px 60px;'>
	@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
	</td>
	</tr>
	<tr>
	<td> </td>
	</tr>
	</table>
	</div>
	<p><br></p>
	@for ($k = 1; $k <= $arr_count; $k++)
	@php
	$arr = ${"arr_$k"};
	@endphp

	<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 valign=top style='text-indent:-3em; padding:10px 10px 10px 60px;'>
	<p align=center class='p_title'><b> {{ $arr[0][1] }}</b></p>
	<br>
	@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>

	<!--레이어 도움말-->
	@for ($j = 1; $j < sizeof($arr); $j++)
	<div id='divLayer_{{ $arr[0][0] }}_{{ $j }}' class='overLayer'>
	<br>
	<div class='content'>
	<strong><span id='content'>제목</span></strong>
	<br><br>
	{!! $arr[$j][6] !!}
	</div>
	</div>
	@endfor

	<p><br></p>
	@endfor

	<p align=center> </p>
	<p align=center> </p>
	<p align=center> </p>
	<p align=center> </p>
	<p align=center> </p>

	</body>
	</html>