[PHP] PHP 맛보기 - 1

2019. 1. 24.

by. 나나 (nykim)

이번에는 생활코딩 내 PHP 강의를 기반으로 한 실험(?!)입니다. PHP를 정말 정말 쬐애끔 맛만 보는 정도이지만, JS가 아닌 다른 언어를 알게 됐다는 데 의의를 두겠습니다ㅋㅋㅋㅋ
생활코딩에게 무한한 감사를 드리며, 실험일지 스타트!

PHP 설치 (Windows)

윈도우는 Bitnami가 제공하는 WAMP라는 걸 사용해 PHP를 사용합니다. WAMP는 아마 Window, Apach, MySql, Php의 약자로, 여기에 접속해서 설치합니다.

PHP는 서버 사이드 언어라 웹 서버 바탕 위에서 돌아가기 때문에 Apache 웹 서버를 돌릴 필요가 있습니다. WAMP Stack Manager Tool을 이용해 서버를 껐다 키는 등 관리를 할 수 있는데, PHP를 재구동하려면 Apache(아파치) 웹 서버를 재구동해야 합니다.

자... 그럼 웹서버가 잘 돌아가는지 확인하기 위해 브라우저 주소창에 localhost을 땅!하고 쳐줍니다(별다른 설정이 없다면 80 포트겠지만, 저는 8181이란 포트로 지정했어요!) 그럼 bitnami가 웰껌! 하는 페이지가 나오는데, 이 페이지는 어디있는 걸까요?

예를 들어, 우리가 nykim.net/abc.php 라고 주소창에 땅 쳤다고 합시다. 이건 클라이언트(나) 컴퓨터가 서버(nykim.net) 컴퓨터에게 abc.php를 보여줘라고 요청한 겁니다. 그럼 어느 디렉토리를 root로 설정했는지에 따라 그걸 기반으로 abc.php를 찾아 그 정보를 보여주게 됩니다. 이 아파치 웹서버의 경우에는 bitnami폴더 안에 그게 설정된 파일이 있습니다. 별다른 경로 지정을 하지 않았다면 C:\Bitnami\wampstack\apache2\conf 디렉토리 내 httpd.conf 파일입니다.

보니까 htdocs란 디렉토리가 루트로 지정되어 있네요! 여길 들어가면 index.html이 있는데, 이걸 로컬에서 열어보면 아까 봤던 페이지랑 똑같은 내용입니다!! 이제 이 디렉토리 내에 php라는 새로운 디렉토리를 만든 다음, 여기서 작업을 진행하겠습니다. 그럼 이제 파일을 요청할 때 경로는 localhost/php/가 되겠죠?

PHP 설정

C:\Bitnami\wampstack\php폴더 내 php.ini 파일이 있는데, 이는 php를 설정할 때 사용합니다. 뒤에 -development나 -production이 붙는 파일은 개발 또는 실 서버 환경에서 세팅한 뒤, 파일 이름을 php.ini로 수정해 대체하여 사용합니다.
개발 시에 권장하는 세팅은 아래와 같습니다.

display_errors = On
display_startup_errors = On
error_reporting = -1
log_errors = On

php.ini-development에 아마 이렇게 설정이 되어있을 거에요. 그럼 기존에 있던 php.ini 뒤에 -original을 붙여주고, -development는 떼버려서 ini 파일로 변경해줍니다. 아파치를 껐다가 켜주면 끝!

PHP의 기본

다시 기본적인 얘기를 해보죠! 우리가 웹을 쓴다는 건 클라이언트와 서버가 서로 요청하고 응답하는 과정이라 할 수 있습니다. 클라이언트가 웹 브라우저에다 어떤 url을 치면(아니면 링크를 타고 들어가거나) OS를 지나 인터넷 뭐시기를 거쳐 서버 컴퓨터에게 찾아갑니다. 그럼 서버 컴퓨터의 웹서버는 사용자가 요청한 파일을 찾습니다.
어, 근데 이게 html이 아니라 php파일이네요? 그 경우 php 엔진(파서, 인터프리터)에게 이 파일을 실행하게끔 합니다. 그럼 엔진이 그걸 해석한 다음 html로 만들어서 웹서버에게 전달합니다. 그리고 그 결과를 다시 돌아돌아 클라이언트 컴퓨터의 웹브라우저에게 전달합니다. 그 다음 웹브라우저가 전달받은 html 코드를 분석해 웹페이지를 사용자에게 보여주게 됩니다 (헉헉 길다)

즉, PHP는 서버 사이드 언어이며(C언어 기반이래요!), 우리가 PHP 언어를 이용해 어플리케이션을 만들면 엔진(파서)이 그걸 html로 만들어서 웹 브라우저에게 전달해준다는 얘기인 거죠. 달리 말하면 동적인 html 파일 생성이 가능해요.
좀 더 명료한 정리는 여기를 참고하세요 :)

PHP코드는 웹 페이지 어느 부분에나 쓰일 수 있는데, 그럼 어디서부터 어디까지가 PHP코드인지 표시를 해놔야겠죠!? 대부분 아래와 같이 작성합니다.

<html>
    <body>
      <?php
        echo "Hello, world!";
      ?>
    </body>
</html>

명령문 뒤에 세미콜론(;) 붙이는 걸 잊지 맙시다!(는 본인에게 하는 소리입니다)

PHP의 변수

PHP에서는 달러($) 기호를 사용해 변수를 선언합니다. SASS가 생각나네요! JS와 비슷하게 변수 선언시 타입을 따로 명시하지 않습니다. 문자를 넣으면 문자 타입이고 숫자를 넣으면 숫자 타입이죠. 또 대소문자를 구분하며, 문자열 내에서 사용할 때는 중괄호 {}로 감싸거나 온점 .으로 분리하여 사용합니다.

$name = "Anne";
echo "(1) 안녕하세요, {$name}님!";
echo "(2) 안녕하세요, ".$name."님!";

필요에 따라 define()을 써서 상수를 정의할 수도 있고, 특이하게 가변변수라는 것도 있습니다.

$name = "anne";
$$name = "It's me!";
echo $anne; //출력값: It's me!

한편, PHP에는 수퍼 전역변수(superglobal variables)라는 게 있습니다. 말 그대로 슈퍼! 해서 범위에 무관하게 접근할 수 있습니다.
예를 들면... $GLOBALS는 모든 전역변수를 저장하고 있고, $_SERVER는 헤더나 경로, 스크립트 위치에 대한 정보를 담고 있습니다. $_SERVER['PHP_SELF']는 스크립트가 실행되는 현재 파일 이름을 리턴해주죠. 그밖에 $_GET이나 $_POST는 폼 데이터를 수집할 때 사용합니다. 뭐, 나중에 직접 쓰면 감이 오겠죠?!

PHP의 함수

PHP에서 사용자 정의 함수를 만들 때는 아래와 같이 작성합니다.

function sum ($a, $b) {
    return $a+$b;
}
sum(1,2);

인자 앞에 $가 들어간다는 거 빼면 JS랑 비슷한 느낌이네요!(•̀ᴗ•́)و 함수 이름은 숫자로 시작할 수 없고, 대소문자를 구분하지 않습니다.
또, 인자의 기본값을 지정하는 것도 가능합니다.

function sayHello ($name="anne") {
    echo "Hello, ${name}.";
}
sayHello(); //출력값: "Hello, anne."

PHP의 배열

PHP에서 배열은 요로콤 작성합니다.

$fruits = ['banana', 'mango', 'blueberry'];
//또는
$fruits = array('banna', 'mango', 'blueberry'); //하위 호환

값을 꺼낼 땐 $fruits[0]과 같이 쓰면 됩니다.
한편 연관배열이란 것도 있어요!

$price = array('book'=>13000, 'snack'=>1500, 'diary'=>8000 );

여기서 'book'은 key가 되고, 13000은 value가 됩니다. 그래서 $price['book']와 같이 쓰면 13000이라는 값을 가져올 수 있어요.

한편 배열의 크기를 알고 싶다면 count({배열명})를 쓰거나, 배열에 아이템을 추가할 때는 array_push({배열명}, {추가할 아이템})을 쓰면 됩니다. 모든 기능을 여기에 다 적기에는 공간이 부족....하지는 않지만, 필요할 때는 검색해서 찾아 쓰자구요(*・∀-)☆

폼 데이터 전송

드디어 본격적으로 코드를 작성할 시간입니다! 자, PHP 에플리케이션은 URL을 통해서 데이터를 입력 받을 수 있습니다.
localhost/php/test.php?id=123&name=anne이라는 주소가 있을 때, ? 뒤에 붙는 게 입력 데이터입니다. 값과 값은 & 로 구분되며, 이름과 값은 =로 구분됩니다.

아무 php파일이나 열고 대충 form을 만들어줍니다.

<form method="get" action="result.php">
    ID :  <input type="text" name="id" />
    EMAIL :  <input type="email" name="email" />
    <input type="submit" />
</form>

그리고 result.php는 이렇게 작성해줍니다.

Your Id: <?php echo $_GET['id'];?>
Your Email: <?php echo $_GET['email'];?>

이후 값을 입력하고 버튼을 눌러봅니다. 그럼 폼 데이터가 result.php라는 파일에 처리를 위해 전송이 됩니다. 이제 주소창을 잘 보면 URL이 바뀐 걸 볼 수 있습니다.
localhost/php/result.php?id=anne&email=nykim%40nykim.net로 URL이 바뀌었습니다. 그리고 이걸 $_GET['id']로 가져다 쓰고 있네요.
똑같이 POST 방식으로 작성도 가능합니다. 이 경우, 주소창에는 값이 붙지 않으며 $_POST['id']로 값을 가져와야 합니다.

우선 가볍게 설명만 하자면, GET 방식은 URL에 값이 그대로 표시되며, 문자 양의 제한이 있으나, 페이지 북마크가 가능합니다. 한편 POST 방식은 폼 데이터가 보이지 않고, 문자 양에 제한이 없습니다.아, 그렇다고 POST가 완벽한 보안을 해주진 않으므로 여기에는 별도의 처리가 필요할 듯 합니다.

한편 이렇게 작성하면 다른 페이지로 이동하지 않고, 페이지 자신에게 폼 데이터를 전송할 수 있습니다.

<form method="post" action="">
   Comment: 
   <textarea name="comment" placeholder="Enter your comment"></textarea>
   <input type="submit" />
   <hr/>
   <?php
      if (isset($_POST["comment"])){
        echo "Thanks!! Your Comment is...<br/>";
        echo htmlspecialchars($_POST["comment"]);
      }
   ?>
</form>

헛, 근데 저기 있는 htmlspecialchars는 뭔가요?! 저건 특수 문자를 HTML entities로 변환해 주는데요, 이게 왜 필요할까요?
예를 들어 htmlspecialchars 처리 없이, 사용자가 이렇게 입력하면 어떻게 되는지 봅시다.

(이렇게 입력하면...)

(다른 브라우저는 자체 필터링해주는데 혼자만 스크립트 실행시켜주는 당당한 IE의 모습이다)

하지만 htmlspecialchars가 있으면 <를 <로 치환해주기 때문에 안전해지죠!

그밖에 사용자가 입력한 데이터에서 불필요한 문자를 제거하는 trim()이나 백슬래쉬를 제거하는 stripslashes() 함수 등을 고려할 수도 있습니다. 이고잉님 왈, 사용자가 입력한 정보는 불신하랬어요!! ヽ(｀⌒´メ)ノ

그럼, 이걸 응용해서 빈 값이 있을 때는 에러 메시지를 띄운다던가 하는 처리도 할 수 있겠군요. 요런 느낌이 될 거 같습니다!

<body>
   <?php
      //빈 문자열을 값으로 정의
      $userName = $userEmail = $userGender = $userComment = "";
      $nameErr = $genderErr = $emailErr = "";
      
      function formValue($data){
        $data = trim($data); //trim()은 문자열에서 공백을 제거
        $data = stripslashes($data); //stripslashes()는 백슬래쉬 \를 제거
        $data = htmlspecialchars($data); //htmlspecialchars()는 특수 문자를 엔티티로 치환
        return $data;
      }
      
      function printGenderInfo($data){
        if(isset($data)){
          if($data === "female"){
            $data = "여자";
          }else if($data === "male"){
            $data = "남자";
          }
          return $data;
        }
      }
      
      
      if ( $_SERVER["REQUEST_METHOD"] == "POST" ){
      
        if (empty($_POST["userName"])) {
          $nameErr = "이름은 필수 항목입니다.";
        } else {
          $userName = formValue($_POST["userName"]);
        }
      
        if (empty($_POST["userEmail"])) {
          $emailErr = "이메일은 필수 항목입니다.";
        } else {
          $userEmail = formValue($_POST["userEmail"]);
        }
      
        if (empty($_POST["userGender"])) {
          $genderErr = "성별은 필수 항목입니다.";
        } else {
          $userGender = formValue($_POST["userGender"]);
        }
      
        $userComment = formValue($_POST['userComment']);
      }
      ?>
   <form action="" method="post">
      <div>
         <strong>이름 <span class="accent">(*필수)</span></strong>
         <input type="text" name="userName" placeholder="이름을 입력하세요."/>
         <span class="error"><?=$nameErr?></span>
      </div>
      <div>
         <strong>이메일 <span class="accent">(*필수)</span></strong>
         <input type="email" name="userEmail" placeholder="이메일 주소를 입력하세요."/>
         <span class="error"><?=$emailErr?></span>
      </div>
      <div>
         <strong>성별 <span class="accent">(*필수)</span></strong>
         <input type="radio" id="userGender-M" name="userGender" value="male" />
         <label for="userGender-M">남자</label>
         <input type="radio" id="userGender-F" name="userGender" value="female" />
         <label for="userGender-F">여자</label>
         <span class="error"><?=$genderErr?></span>
      </div>
      <div>
         <strong>자기소개</strong>
         <textarea name="userComment" placeholder="자개소개를 입력하세요."></textarea>
      </div>
      <input type="submit" name="submit" value="작성 완료"/>  
   </form>
   <hr/>
   <strong>사용자 정보</strong>
   <ul>
      <li>
         <strong>이름: </strong>
         <span><?=$userName?></span>
      </li>
      <li>
         <strong>이메일: </strong>
         <span><?=$userEmail?></span>
      </li>
      <li>
         <strong>성별: </strong>
         <span><?=printGenderInfo($userGender)?></span>
      </li>
      <li>
         <strong>자기소개: </strong>
         <span><?=$userComment?></span>
      </li>
   </ul>
</body>

여기서 더 나아가면 정규식으로 유효성 검사를 하는 등의 활용이 가능하겠네요.

그럼 오늘은 여기까지하고 20000 뿅!

저작자표시

'Blog > etc.' 카테고리의 다른 글

웹 퍼블리셔를 위한 VS CODE 확장 프로그램 (2)	2020.04.05
[DP] Web Publishing Copy - Studio JT (1)	2019.10.31
[SVG] clip path (0)	2019.09.17
[AWS] S3 버킷으로 정적 웹사이트 호스팅하기 (0)	2019.07.01
iTerm, Zsh, Oh my Zsh 설치하기 (0)	2019.03.07

맨 위로

nana_log
좋아하는 걸 좋아하는 나나 🤟

[PHP] PHP 맛보기 - 1

PHP 설치 (Windows)

PHP 설정

PHP의 기본

PHP의 변수

PHP의 함수

PHP의 배열

폼 데이터 전송

'Blog > etc.' 카테고리의 다른 글

티스토리툴바

[PHP] PHP 맛보기 - 1

PHP 설치 (Windows)

PHP 설정

PHP의 기본

PHP의 변수

PHP의 함수

PHP의 배열

폼 데이터 전송

'Blog > etc.' 카테고리의 다른 글

관련글

티스토리툴바