* 이 포스팅은 생활코딩 강의를 들으며 내용을 정리한 것이며,
모든 내용은 https://opentutorials.org/ 에서 보실 수 있습니다.*
파일리스트를 가져오는 코드이다.
이렇게.
자, 그럼 가져온 파일리스트를 활용해보자.
<ul>을 사용해서 리스트 태그를 감싸주고,
파일 리스트를 활용해 조건문을 만들자.
파일의 갯수만큼 리스트를 만든다.
여기서는 <li> 태그를 활용한다.
출력이 잘못됬는데, 밑의 그림에서 빈 리스트는 안 나와야 한다.
href="/?id=${filelist[i]}"를 활용해 링크도 연결시켜 보자.
링크가 연결된 것을 볼 수 있다.
밑에 부분도 수정해주자.
리스트에 Node.js 페이지를 추가하고 싶다면?
파일을 만들고 저장, 새로고침하면 자동으로 추가된다.
추가된 모습이다.
이제 더이상 파일이 바뀌었을 때, 코드를 수정하지 않아도 된다.
'프로그래머 > Node.js' 카테고리의 다른 글
Node.js - App 제작 - 함수를 이용해서 정리 정돈하기 | 생활코딩 강의 복습 | 프로그래밍 공부 (0) | 2018.12.23 |
---|---|
Node.js에서 파일목록 알아내기 | 생활코딩 강의 복습 | 프로그래밍 공부 (0) | 2018.12.21 |
Node.js - App 제작 - Not found 구현 | 생활코딩 강의 복습 | 프로그래밍 공부 (0) | 2018.12.20 |
Node.js - 콘솔에서의 입력 값 | 생활코딩 강의 복습 | 프로그래밍 공부 (0) | 2018.12.19 |
Node.js - 파일을 이용해 본문 구현 | 생활코딩 강의 복습 | 프로그래밍 공부 (0) | 2018.12.16 |