[PHP] PHP 맛보기 - 1

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

생활코딩에게 무한한 감사를 드리며, 실험일지 스타트!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

폼 데이터 전송

드디어 본격적으로 코드를 작성할 시간입니다! 자, PHP 에플리케이션은 URL을 통해서 데이터를 입력 받을 수 있습니다.

localhost/php/test.php?id=123&name;=anne 이라는 주소가 있을 때, ? 뒤에 붙는 게 입력 데이터입니다. 값과 값은 & 로 구분되며, 이름과 값은 = 로 구분됩니다.

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

ID : EMAIL :

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

Your Id:

Your Email:

이후 값을 입력하고 버튼을 눌러봅니다. 그럼 폼 데이터가 result.php라는 파일에 처리를 위해 전송이 됩니다. 이제 주소창을 잘 보면 URL이 바뀐 걸 볼 수 있습니다.

localhost/php/result.php?id=anne&email;=nykim%40nykim.net 로 URL이 바뀌었습니다. 그리고 이걸 $_GET['id'] 로 가져다 쓰고 있네요.

똑같이 POST 방식으로 작성도 가능합니다. 이 경우, 주소창에는 값이 붙지 않으며 $_POST['id'] 로 값을 가져와야 합니다.

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

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

Comment: "; echo htmlspecialchars($_POST["comment"]); } ?>

헛, 근데 저기 있는 htmlspecialchars 는 뭔가요?! 저건 특수 문자를 HTML entities로 변환해 주는데요, 이게 왜 필요할까요?

예를 들어 htmlspecialchars 처리 없이, 사용자가 이렇게 입력하면 어떻게 되는지 봅시다.

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

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

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

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

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

< body > $userName = $userEmail = $userGender = $userComment = "" ; $nameErr = $genderErr = $emailErr = "" ; function formValue ($data) { $data = trim($data); $data = stripslashes($data); $data = htmlspecialchars($data); 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" > (*필수) < input type = "text" name = "userName" placeholder = "이름을 입력하세요." /> < span class = "error" > =$nameErr < div > < strong > 이메일 < span class = "accent" > (*필수) < input type = "email" name = "userEmail" placeholder = "이메일 주소를 입력하세요." /> < span class = "error" > =$emailErr < div > < strong > 성별 < span class = "accent" > (*필수) < input type = "radio" id = "userGender-M" name = "userGender" value = "male" /> < label for = "userGender-M" > 남자 < input type = "radio" id = "userGender-F" name = "userGender" value = "female" /> < label for = "userGender-F" > 여자 < span class = "error" > =$genderErr < div > < strong > 자기소개 < textarea name = "userComment" placeholder = "자개소개를 입력하세요." > < input type = "submit" name = "submit" value = "작성 완료" /> < hr /> < strong > 사용자 정보 < ul > < li > < strong > 이름: < span > =$userName < li > < strong > 이메일: < span > =$userEmail < li > < strong > 성별: < span > =printGenderInfo($userGender) < li > < strong > 자기소개: < span > =$userComment

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

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

from http://nykim.work/5 by ccl(A) rewrite - 2020-03-06 04:20:14