8.1 글목록

index.html은 데이터 이면서 로직이 같이 있다. 

 

이부분이 데이터 이다. 물론 데이터 이기 때문에 언제든 바뀔 수 있다.

데이터가 바꼈다고 application을 뜯어 고쳐선 안된다.

이 부분을 잘라내서 list라는 파일을 만들고 붙여넣는다.

 

그리고 원래있던 <ol> 태그에 id값으로 nav를 넣어준다.

 

 

 

fetchPage()함수의 내용을 복사 붙여넣기 한다.

리스트라는 파일을 읽어서 거기에 있는 내용을 id값이 nav인 태그 안쪽에 낑겨 넣어라. 라는 뜻이다.

 

그런데 오류가 뜬다. innerHTML을 할 수 없다는 뜻이다.

 

33번 줄에서 nav는 태그 이름이 nav를 가리킨다.

우리가 원하는 것은 id 값이 nav인 태그이다.

그렇기 때문에 #nav 라고 적어줘야 한다.

 

list파일에 ajax 부분을 추가하고

 

ajax 파일을 새로 만들고 html 내용을 적어준다.

 

정상 작동한다. 이제 더이상 index.html을 수정하지 않고 list 파일만 건들여 주면 된다.