TIL] form

form

폼은 사용자 의견이나 정보를 알기 위해 입력할 큰 틀을 만드는 데 사용된다.

폼은 입력된 데이터를 한번에 서버로 전송한다.

전송한 데이터는 웹서버가 처리하고, 결과에 따른 또 다른 웹페이지를 보여준다.

폼의 동작방법부터 살펴보도록 하자.

---

form 동작 방법

1. 폼이 있는 웹페이지를 방문한다.
2. 폼 내용을 입력한다.
3. 폼 안에 있는 모든 데이터를 웹 서버로 보낸다.
4. 웹 서버는 받은 폼 데이터를 처리하기 위해 웹 프로그램으로 넘긴다.
5. 웹프로그램은 폼데이터를 처리한다.
6. 처리결과에 따른 새로운 html 페이지를 웹 서버에 보낸다.
7. 웹서버는 받은 html 페이지를 브라우저에 보낸다.
8. 브라우저는 받은 html 페이지를 보여준다.

폼의 동작방법은 위의 순서를 거쳐 html페이지를 보여주게 된다!

---

form태그 속성

폼태그 속성에 대하여 살펴보도록 하자.

1. action :폼을 전송할 서버 쪽 스크립트 파일을 지정한다.
2. name : 폼을 식별하기 위한 이름을 지정한다.
3. accept-charset : 폼 전송에 사용할 문자 인코딩을 지정한다.
4. target : action에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정한다.
5. method : 폼을 서버에 전송할 http 메서드를 정한다 (GET 또는 POST)

---

폼 태그는 정말 적절하게 사용하면 완성도가 높은 웹페이지를 제작할 수 있을 것 같다.

토이 프로젝트를 진행할수록 정말 많은 정보들과 지식들이 쌓이는 것 같다.

토이 프로젝트는 정말 여러모로 나에게 도움이 크게 되고

첫 번째 토이 프로젝트와 두 번째 토이 프로젝트는 난이도가 정말 틀렸기에

내가 큰 성장을 한 것같은 느낌을 받았다.

세 번째 토이 프로젝트에서도 성장을 하고 싶다!

우선은 가시성이 좋은 코드를 만들고 정말 좋은 코드를 짜고 싶다!😌