더북(TheBook)

5.3 주소록 등록 템플릿 작성하기

그림 5-4처럼 목록 윗부분에 주소록 등록 기능을 만들어 보자.

069

▲ 그림 5-4 주소 등록 폼을 반영한 주소록

 

우선, addressList.html 파일에 다음과 같이 addressInput 템플릿을 작성한다. 물론 addressInput.html 파일을 따로 만들어서 코드를 작성해도 좋다. 미티어는 빌드 시점에 소스를 읽어서 해석하므로 파일명은 개발할 때 알아보기 쉬운 용도로 분리하면 되고 템플릿 이름만 전체 프로젝트에서 중복되지 않게 작성하자.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.