데이터와 로직/데이터와 애플리캐이션을 구분
데이터의 특징 - 바뀔 수 있다.
데이터가 바뀌었다고 애플리캐이션을 고치는 일이 없도록 분리한다. 그러면 사용자가 마음대로 수정하다가 생길수 있는 사고를 방지할수있고 컨텐츠 입력하는 입장에서는 어디에 입력해야하는지 명확하게 알수있다.
list라는 파일을 fetch해서 내용을 #nav에 넣기
<script>
fetch('list').then(function(response) {
response.text().then(function(text) {
document.querySelector('#nav').innerHTML = text
})
})
</script>
결과
list파일에 추가하면
결과
추가된 리스트가 나온다