24. App제작 - 글 목록 출력하기

11) 특정 디렉토리에서 파일을 읽어서 description이라는 변수값을 우리에게 생성해주는 기능

그런데 이부분은 필요 없어서 삭제해 주었다. 11번째 줄과 35번째 줄만 지워주면 된다.

 

 

 

11) 검색하고싶은 디렉토리가 data 이기 때문에 fs.readdir( ) 안에 './data'를 넣는다. 파일 목록을 가져온 뒤 그 작업이 끝나면 nodejs는 function() {   } 중괄호 안에 내용을 실행한다. 파일 목록의 내용은 filelist에 저장된다.

 

14~21) 이부분은

var list = '<ul>

                  <li><a href="/?id=HTML">HTML</a></li>

                  <li><a href="/?id=CSS">CSS</a></li>

                  <li><a href="/?id=JavaScript">JavaScript</a></li>

             </ul>

filelist에 저장되어있는 파일 목록의 값을 반복문을 사용해 위 코드처럼 만들기 위함이다.

 

10~ 40) 이 조건문 부분은 queryData.id의 값이 undefined일때 실행된다.

            즉, 홈에 있을때를 말한다.

 

41) queryData.id의 값이 undefined가 아닐때

     즉, 홈이 아닌 다른 HTML이나 CSS, JavaScript 페이지에 있을때를 말한다.

53) fs.readFile(  ) 함수 안에 첫번째 인자 'data/${queryData.id}'는 읽어올 문서의 경로이다.

    우리가 읽어올 파일의 경로는 현재 위치에서 data 디렉토리 안에 있는 HTML, CSS, JavaScript 등등의 파일들인데

    url에 보면 예를들어 localhost:3000/?id=HTML 이라고 저장되어있고 쿼리스트링 맨 뒤에 HTML만 가져다 쓰기 위해      queryData.id 를 사용한다. 그래서 예를들어 경로가 'data/HTML' 이되는것이다. 'data/(파일명)'

    function(   ) 의 두번째 인자인 description은 불러온 파일의 본문 내용이 저장되어있다. 그래서 이 description을 66번 째 줄에서 호출하여 본문 내용을 출력한다.

 

54) url에서 추출한 파일 이름을 title 이라는 변수에 저장하여 59번째줄과 65번째 줄에 <title>태그와 <h2>태그에 사용한다.