반응형
* 이 강좌를 보기 위해서는 html에 대한 지식이 있어야한다. 또 javascript, jquery등의 지식도 있으면 좋다. 거기에 css에 대한 지식도 필요로 하는 경우도 있다.
* php를 공부하려고 한다면 최소한 html에 대해서는 공부를 하고 와야한다. 다른 것들은 강좌를 따라하면서 필요할때 공부하면 된다.
* 이 강좌를 잘 따라한다면 다음과 같은 사이트를 만들 수 있다. https://www.zzarbang.com/
우선 컴퓨터(windows10)에 XAMPP를 설치한다. (https://programmerdaddy.tistory.com/36)
그리고 비주얼스튜디오코드를 설치한다.
c:/xampp/htdocs 폴더의 index.php를 비쥬얼스튜디오를 이용해서 연다.
그리고 기존 소스를 다 지우고 아래 코드를 입력한다.
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<title>Hello, world!</title>
</head>
<body>
<table class="table" style="width:70%;margin:auto;">
<thead>
<tr>
<th scope="col">번호</th>
<th scope="col">글쓴이</th>
<th scope="col">제목</th>
<th scope="col">등록일</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">3</th>
<td>Mark</td>
<td>Otto</td>
<td>2022.01.17</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>2022.01.17</td>
</tr>
<tr>
<th scope="row">1</th>
<td colspan="2">Larry the Bird</td>
<td>2022.01.17</td>
</tr>
</tbody>
</table>
</body>
</html>
저장하고 나서 브라우저에서 localhost를 접속해 확인한다.
아래 화면이 나오면 성공이다.
반응형
'PHP강좌 > 게시판만들기강좌' 카테고리의 다른 글
| php+mysql 게시판 만들기 강좌 #6. 글쓰기 (0) | 2022.01.20 |
|---|---|
| php+mysql 게시판 만들기 강좌 #5. include (0) | 2022.01.20 |
| php+mysql 게시판 만들기 강좌 #4. 게시글 보기 (0) | 2022.01.19 |
| php+mysql 게시판 만들기 강좌 #3. 게시글 리스트 출력 (0) | 2022.01.19 |
| php+mysql 게시판 만들기 강좌 #2. 디비 연결 (0) | 2022.01.19 |