본문 바로가기

프로그래머/Node.js

Node.js - App 제작 - 글목록 출력하기 | 생활코딩 강의 복습 | 프로그래밍 공부

* 이 포스팅은 생활코딩 강의를 들으며 내용을 정리한 것이며, 

모든 내용은 https://opentutorials.org/ 에서 보실 수 있습니다.*


파일리스트를 가져오는 코드이다.



이렇게.

자, 그럼 가져온 파일리스트를 활용해보자.



<ul>을 사용해서 리스트 태그를 감싸주고, 

파일 리스트를 활용해 조건문을 만들자.

파일의 갯수만큼 리스트를 만든다.

여기서는 <li> 태그를 활용한다.



출력이 잘못됬는데, 밑의 그림에서 빈 리스트는 안 나와야 한다.



href="/?id=${filelist[i]}"를 활용해 링크도 연결시켜 보자.



링크가 연결된 것을 볼 수 있다.



밑에 부분도 수정해주자.



리스트에 Node.js 페이지를 추가하고 싶다면?

파일을 만들고 저장, 새로고침하면 자동으로 추가된다.



추가된 모습이다.



이제 더이상 파일이 바뀌었을 때, 코드를 수정하지 않아도 된다.