본문 바로가기

ChatGPT가 짜준 PHP 코딩 예 1

2023. 3. 17. 댓글 개
반응형

chatGPT가 프로그램도 짜준다고 해서 한번 해봤습니다. 결론적으로 챗봇이 만든 결과물에 놀랐습니다.

하지만 챗봇에게 프로그램을 짜라고 명령을 할때 그들이 하는 대화체 변경해서 요청하면 더 좋은 결과를 도출 할 수 있다는 것을 알게되었습니다.

 

그럼 오늘 챗GPT가 만든 코드를 볼까요?

ChatGPT가 짜준 PHP 코딩

 

내가 원했던 것은?

쿠팡파트너스를 진행하면서 특정 이벤트 배너를 내가 운영하는 사이트에 올리고 싶은데, 기간이 이벤트 기간이 지난 후 클릭은 의미가 없으니 이벤트 기간이 지나면 배너 자체가 안보이게 하고 싶었습니다.

그래서 가로 4칸짜리에 상품이미지와 설명이 있고 상품이미지를 클릭하면 특정 링크로 이동하는 반응형 페이지가 있는데 유효기간이 지나면 보이지 않게 하고 싶다고 챗봇에게 코딩을 해달라고 했습니다.

 

내가 쓴 명령어

1. 1x4로 된 박스형태 테이블에 이미지와 설명 그리고 링크가 있는 반응형 페이지를 만들어 주세요.

>> 먼저, 간단하게 위와 같이 페이지를 만들어 달라고 했습니다.

 

2. 기능을 추가 하고 싶습니다. 각 링크는 종료시점이 있력 할 수 있고 현재시점과 비교해 유효한 링크 주소의 컨텐츠만 노출 합니다.

>> 조금 더 디테일한 부분을 추가로 요청 했습니다.

 

3. 1x4 반응형 테이블에 위 기능을 넣어 주세요.

>> 짠 프로그램을 4칸짜로 가로로 된 테이블에 적용해서 코드를 짜주네요. ㅋㅋ

 

4. 챗봇이 마지막 3번에서 이해한 문장은 다음과 같습니다.

다음은 기능이 추가된 1x4 반응형 테이블의 PHP 코드입니다. 링크 주소의 종료 시점과 현재 시간을 비교하여 유효한 링크만 출력하도록 수정하였습니다.

 

ChatGPT가 만든 결과물

<!DOCTYPE html>
<html>
<head>
	<title>Responsive Table</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		table {
			border-collapse: collapse;
			width: 100%;
			max-width: 600px;
			margin: 0 auto;
			text-align: center;
		}
		th, td {
			border: 1px solid black;
			padding: 10px;
			text-align: center;
		}
		img {
			max-width: 100%;
			height: auto;
		}
	</style>
</head>
<body>
	<table>
		<tr>
			<?php
				// Define links with expiration dates
				$links = array(
					array("img/src1", "Description 1", "http://link1.com", strtotime("2022-03-20 00:00:00")),
					array("img/src2", "Description 2", "http://link2.com", strtotime("2023-04-15 00:00:00")),
					array("img/src3", "Description 3", "http://link3.com", strtotime("2022-06-01 00:00:00")),
					array("img/src4", "Description 4", "http://link4.com", strtotime("2023-09-30 00:00:00"))
				);

				foreach ($links as $link) {
					// Check if link is valid
					if (time() < $link[3]) {
						echo "<td>";
						echo "<img src='" . $link[0] . "' alt='" . $link[1] . "'><br>";
						echo "<p>" . $link[1] . "</p>";
						echo "<a href='" . $link[2] . "' target='_blank'>Link</a>";
						echo "</td>";
					}
				}
			?>
		</tr>
	</table>
</body>
</html>

 

 

결과물 미리보기

서버에 올려서 위 코드가 제대로 작동하는지 테스트 해봤습니다.

 

4개의 링크가 모두 유효할때

아래와 같이 4개의 이미지가 아래와 같이 설명 부분과 링크부분으로 구분되어 내가 원하는대로 정확하게 만들어 졌습니다.

 

3개의 링크가 유효할때

1번 링크를 유효기간이 지나게 설정해 봤습니다.

 

2개의 링크가 유효할때

1번, 2번 링크를 유효기간이 지나게 설정해 봤습니다.

 

 

1개의 링크만 유효하게 설정

4번 링크만 유효기간이 남아 있게 설정 해봤습니다.

 

미리보기

https://url.kr/page/web/sample/chatgpt_code_01.php

 

Responsive Table

 

url.kr

 

마무리

ChatGPT가 내가 원하는 프로그램을 만들어 줬습니다.

테스트를 해보니 정확하게 작동합니다.

다만 이미지가 수가 줄어들면 남아 있는 이미지들이 점점 커지네요. 다시 수정 해봐야겠습니다.

 

놀라운~ 발견 입니다.

 

이글의 단축URL https://late40s.tistory.com/325

 

반응형
쿠팡 파트너스 활동의 일환으로 일정액의 수수료를 제공받을 수 있으나 추가 금액 없이 구매 가능합니다

◀ 댓글 ▶