안녕하세요
8월09일58일차 - fileZilla, php 문법! 본문
MPA(milti page application)을 위한 준비를 시작합니다.
1. FileZilla를 설치합니다.
brave는 굳이 설치안합니다.
2. 설치 후 서버 실행시키는 방법(그대로 따라하기)
사이트관리자 > 새 사이트 > 이름 짓기
이름 > 호스트 > youngentry.pe.kr 주소입력
로그온 유형 > 비밀번호 묻기
사용자 > ftp 아이디 입력
연결 > 비밀번호 저장 여부 선택 > 비밀번호 입력 > 확인
3. 파일은 html 폴더에 업로드합니다
우클릭 > 디렉터리 만들기 > 폴더생성(무조건 영어로 합니다. 한글 절대 금지.)
4. 서버에 업로드할 파일은 index.php 입니다. html이 아닙니다.
index.php 파일을 만들고 나서 html 폴더 안으로 이동시키거나, php파일을 더블클릭하여 실행합니다.
파일을 수정한 뒤에 다시 업로드하면 바로 서버에서 적용이 됩니다.
php에서 컴포넌트를 가져오는 방식은 <? include ""?> 입니다.
<? include "nav.php"?>
php에서는 <? $변수이름="" ?> 와 같은 형태로 변수를 선언하고 가져올 수 있습니다.
<?
$title = "아이스크림맛있겠다";
$num = 1;
?>
<title><?=$title?></title>
<script>
var num = <?= $num ?>
console.log(num)
</script>
php로 컴포넌트를 이용하는 방법입니다.
head.php 와
<body>
<div class="Wrap">
<header class="Header">
<nav>
<ul>
<li><a href="sub01.php">menu01</a></li>
<li><a href="sub02.php">menu02</a></li>
<li><a href="sub03.php">menu03</a></li>
<li><a href="sub04.php">menu04</a></li>
<li><a href="sub05.php">menu05</a></li>
</ul>
</nav>
</header>
tail.php 를 잘라
<footer class="Footer">
© <?=$title?> <?=$address?> <?=$tel?>
</footer>
</div>
<script>
var num = <?= $num ?>;
console.log(num)
</script>
</body>
</html>
이어주면 손쉽게 컴포넌트를 이용한 페이지를 만들 수 있습니다.
<? include 'head.php' ?>
<main>
메인입니다.
</main>
<? include 'tail.php' ?>
'프론트엔드 국비교육' 카테고리의 다른 글
| 8월17일63일차 - wrap, boreder라벨모양, css_attr (0) | 2022.08.17 |
|---|---|
| 8월16일62일차 - swiper는 js로 (0) | 2022.08.17 |
| 8월08일57일차 - jquery, css class로 여러번 적용, 코딩팁! (0) | 2022.08.10 |
| 8월05일56일차 - react npm i, float, js로 attr 수정하기(이미지바꾸기) (0) | 2022.08.07 |
| 8월02일53일차 - figma, 테이블 만들기 (0) | 2022.08.02 |
