사이트에서 데이터를 받아올 때는 query string을 이용해 값을 받아도 상관이 없지만
값을 전송할 때는 query string을 이용하면 보안상의 문제가 생길 수 있어 지양해야 한다.
수정 전 - 코드 (get-default값, url로 데이터 전송)
<form action="http://localhost:3000/process_create">
<p><input type="text" name="content"></p>
<p>
<textarea name="description"></textarea>
</p>
<p>
<input type="submit">
</p>
</form>수정 전 - 결과
수정 후 - 코드
<form action="http://localhost:3000/process_create" method="post">
<p><input type="text" name="content"></p>
<p>
<textarea name="description"></textarea>
</p>
<p>
<input type="submit">
</p>
</form>수정 후 - 결과
url로 데이터를 전송 할 경우 많은 양의 데이터를 보낼 수 없는 단점 또한 존재한다.
자, 이제 앞서 구현해 놓은 todolist에서 리스트 추가 화면을 만들어 보자.
list 입력창을 모달으로 띄우고 싶어서
https://www.walterz.net/2023/04/05/javascript-modal/
위 링크를 참조하였다.
에러 발생 : Cannot read properties of null (reading 'style')
onclick 함수 생성시 에러가 나서 검색해 봤더니 script부분이 뒤로 가면 해결이 될것이라고 해서 수정했더니 정상적으로 작동하였다.
오늘 디자인을 다 끝내고 마무리하려 했으나 생각보다 css 다루는게 어려워서 내일 마져 해야될 것 같다.
Hello, I'm nunu