다음은 주소록 수정 기능을 구현하는 순서다.

▲ 그림 6-1 주소록 수정 기능을 구현하는 순서

 

각 라인에서 직접 수정할 수 있는 기능을 구현한다. 즉, 별도의 화면으로 점프하거나 새로운 팝업을 만들지 않고 각 주소를 표현하는 <tr> 내에서 직접 수정할 수 있는 수정 기능을 넣어 보자.

▲ 그림 6-2 수정 기능을 구현한 주소록