Page 321 - Nodejs 교과서 개정2판
P. 321

if	(!newComment)	{
           										return	alert('내용을	반드시	입력하셔야	합니다');
           								}
           								try	{
           										await	axios.patch(`/comments/${comment.id}`,	{	comment:	newComment	});
           										getComment(id);
           								}	catch	(err)	{
           										console.error(err);
           								}
           						});
           						const	remove	=	document.createElement('button');
           						remove.textContent	=	'삭제';
           						remove.addEventListener('click',	async	()	=>	{	//	삭제	클릭	시
           								try	{
           										await	axios.delete(`/comments/${comment.id}`);
           										getComment(id);
           								}	catch	(err)	{
           										console.error(err);
           								}
           						});
           						//	버튼	추가
           						td	=	document.createElement('td');
           						td.appendChild(edit);
           						row.appendChild(td);
           						td	=	document.createElement('td');
           						td.appendChild(remove);
           						row.appendChild(td);
           						tbody.appendChild(row);
           				});
           		}	catch	(err)	{
           				console.error(err);
           		}
           }
           //	사용자	등록	시
           document.getElementById('user-form').addEventListener('submit',	async	(e)	=>	{
           		e.preventDefault();
           		const	name	=	e.target.username.value;
           		const	age	=	e.target.age.value;
           		const	married	=	e.target.married.checked;
           		if	(!name)	{
           				return	alert('이름을	입력하세요');
           		}
           		if	(!age)	{
           				return	alert('나이를	입력하세요');
           		}
   316   317   318   319   320   321   322   323   324   325   326