Languages/PHP

[웹앱 완성하기] 폼과 POST

이 내용은 처음 프로그래밍을 시작하는 입문자의 눈높이에 맞춘 생활코딩!

php+mysql 책의 내용을 포함하고 있습니다.

스스로 공부하고, 공부한것을 정리하기 위한 목적으로 올리는 것입니다.

실습은 html 폼에 대한 기초 지식을 바탕으로 두고 합니다.

기초적이거나, 태그 관련한 설명은 추후에 따로 포스팅 하도록 하겠습니다.

이번 포스팅은 사용자들이 웹을 통해 자신의 콘텐츠를 등록할 수 있는 기능을 추가해보겠다.

가장 기본적인 글 쓰기, 글 삭제, 글 수정 등의 기능을 실습해보자!

정보시스템을 다룬다고 하면 그 정보시스템의 핵심은 입력과 출력이다.

글쓰는 플랫폼이라면 글을 쓰는 것과 글을 화면에 표시하는 것이 본질적으로 맨 먼저 확인하고 공부해야 할 대상이다.

이를 CRUD(Create Read Update Delete)라고 한다. 그래서 항상 정보시스템에서 맨 먼저 해야 할 일은 추가하고, 읽고, 수정하고, 삭제하는 작업을 어떻게 하는지 점검하는 것이다.

먼저 글을 추가하는 기능 즉 "폼과 POST"에 대해 살펴보겠다.

사용자의 정보를 서버 쪽으로 전송할 때 사용하는 폼(form)이란 것을 살펴볼 필요가 있다.

아래 실습을 통해 코드를 확인해보자.

<input>태그는 사용자에게 정보를 입력받는 html태그이다. 이 속성을 'text'라고 지정하면 사용자로부터 텍스트 정보를 받는 네모상자인 텍스트 필드가 나온다.

위와 같이 기본적인 코드를 짜면 입력 폼이 생긴다.

placeholder는 사용자에게 알려주는 도우미 역할을 한다.

사용자는 Title이라는 글씨를 확인 하므로써 "제목을 이곳에 적는 것이구나~"하고 알 수 있다.

Title이라고 적힌곳에 글자를 입력하면 Title 글자는 없어진다.

정보를 서버로 전송하고 싶다면 type을 submit으로 지정하면 된다. (태그에 관련된 설명은 생략합니다.)

페이지를 서버로 전송하려면, 어떤 페이지로 전달할 것인지 action이란 속성을 주어야 하며 name 속성 즉 넘겨줄 파라미터를 지정해주어야 한다.

또한 정보를 받는 페이지 역시 값을 받아오는 코드가 없으면 안된다. (없으면 404 에러)

📌 알고가기

정보를 전달할 때 URL파라미터를 통해 전달한다.
URL파라미터는 $_GET[ ] 로 받을 수 있는데, $_GET이란 무엇일까?

정답은 배열이다. 여태까지는 0, 1, 2와 같은 숫자만 들어가는 배열을 배웠지만, 숫자 대신 문자로 값을 가져올 수 있는 배열도 있다. 이와 같은 배열을 연관배열(associative array)라고 한다.

아래 코드를 보고, 정보를 서버에 전송 및 서버에서 전송된 코드를 읽어서 출력하는 것을 실습해보자.

: form.html