[생활코딩] Ajax-글목록(1/2)

데이터와 로직/데이터와 애플리캐이션을 구분
데이터의 특징 - 바뀔 수 있다.

데이터가 바뀌었다고 애플리캐이션을 고치는 일이 없도록 분리한다. 그러면 사용자가 마음대로 수정하다가 생길수 있는 사고를 방지할수있고 컨텐츠 입력하는 입장에서는 어디에 입력해야하는지 명확하게 알수있다.

list라는 파일을 fetch해서 내용을 #nav에 넣기

<script>
	 fetch('list').then(function(response) {
        response.text().then(function(text) {
          document.querySelector('#nav').innerHTML = text
      })
    })
</script>

결과

list파일에 추가하면

결과
추가된 리스트가 나온다