less than 1 minute read

09_Node.js HTML - Form

데이터 디렉토리에 접근해서 컨텐츠 생성은 생성자만 할 수 있다는 한계가 있다.
사용자가 웹을 통해 데이터를 전송해서 데이터 디렉토리 안에 파일을 생성하기 위해
컨텐츠를 서버 쪽으로 전송해서 다루는 방식인 HTML Form을 사용한다.

  • 사용자로부터 정보를 INPUT으로 받는다.

    <input type="text">
    
  • 각각의 값들은 이름name이 있어야 서버 쪽에서 받았을 때 의미가 생긴다.

    <input type="text" name="title">
    
  • 여러 줄을 입력하려면 textarea 태그를 사용한다.

    <textarea name="description"></textarea>
    
  • 입력이 끝난 뒤에는 전송을 한다. 전송버튼 만들기.

    <input type="submit">
    
  • 입력한 정보를 서버로 전송하기. form 태그로 감싼다

    <form action="http://localhost:3000/process_create"></form>
    
  • form 내용을 전송하면 쿼리 스트링이 만들어진다.
    http://localhost:3000/process_create?title=rr&description=rr&submit=submit

form안의 각각의 컨트롤(name=”“)들에 사용자가 입력한 정보를
submit 버튼을 눌렀을 때 action 속성이 가리키는 서버로 쿼리 스트링 형태로 데이터를 전송한다.

get 할 때는 /?= 쿼리스트링으로 전송되기에
보여지지 않아야하는 정보는 post 방식으로. (눈에 보이지 않음)

get방식을 통해 url로 정보를 전송하면 잘린다. 서버에서 정보를 가져올 때 사용.
post방식은 더 많은 양을 전송할 수 있음.