[Developer] [node.js] 6. <form ...> </form>

출처; 생활코딩의 Node.js의 강의 내용 / 이고잉 강사님 감사드립니다 (꾸벅)

node.js는 사용자가 단순히 수용자에 머무는 것이 아니라, 웹 컨텐츠의 읽기, 쓰기, 수정, 삭제를 가능하게 해준다고 하였다. 이 포스팅에서는 사용자가 특정 컨텐츠를 추가해주는 부분을 node.js를 통해서 어떻게 생성하는지 다루고자 한다. 

1) 사용자가 임의의 정보를 추가할 수 있는 부분을 넣을 웹페이지에 'create'하이퍼링크로 추가한다.

<a href="./create"> create </a> 

2) 사용자가 create부분을 누르면, 사용자가 특정 form을 통해서 정보를 전달할 수 있는 부분을 생성한다.

사용자가 글쓰는 곳을 만들어주는 방법. create를 클릭하면, /create 페이지로 이동하도록 만들어주는 것

<form action = "http://localhost:3000/create_process" method="post"> //사용자의 정보를 /create_process에 전송한다.

//한 줄의 형태로 전송할 수 있는 정보, 예를 들어서 제목 name= 이 정보가 어떤 control정보인지 알려주는 것

//control 정보값을 지정해주어야, 나중에 서버에서 이 정보를 활용할 수 있다.

   <p><input type="text" name="title"></p>  

//한 문단의 형태로 전송할 수 있는 정보, 예를 들어서 제목에 해당하는 내용 

<p><textarea name="description"></textarea></p> 

//넣은 정보를 통해서 사용자가 전송하게끔 하게 해주는 버튼생성

   <p><input type="submit"></p>

   </form>

3) 다만, 유의해야 할 점은 사용자가 정보를 생성, 수정, 삭제할 때 querystring의 정보를 url에 남기면 안된다. 이 정보를 지우고 서버로  

전송하기 위해서는 method = "post"를 추가해주어야 한다. 꼭!  다른 이가 주소값을 통해서 정보를  왜곡될 수 있기 때문이다.

<form action = "http://localhost:3000/create_process" method="post">