다시 지금까지 작성했던 클라이언트 페이지로 돌아와서 db 연동을 한다.
원래는 fs로 서버 컴퓨터의 디렉토리에 있는 파일들을 불러와 id, title, description 정보를 html에 넣어주었지만
(list 함수를 이용해서 가져온 파일들을 ul 태그에 파일의 제목 이름과 링크를 달아 리턴했고 html 함수로 리턴 받은 list와 전체 페이지 작성에 필요한 title를 받아 페이지를 작성하고 리턴했다.)
.
.
.
저 fs로 받았던 파일 list를 database에서 받아오는 쿼리를 작성하면
데이터베이스로 불러온 데이터들이 object 리스트로 뜨는 것을 볼 수 있다.
리스트를 html 태그에 붙혀주는 코드에서 list[i]는 오브젝트 그 자체이므로 i.title을 해줘야 topic 테이블의 title 값을 가져와 데이터의 제목을 출력할 수 있다.
->
링크를 클릭하여 파일 내용을 보는 코드도 데이터베이스로 description을 불러와 바꿔주면
->
에러처리를 throw로 하면 콘솔에 에러 내용을 출력하고 즉시 앱을 종료한다.
쿼리스트링으로 받는 querydata.id를 이용해서(링크를 클릭하면 해당 파일의 id를 쿼리로 넘김) topic table을 조회할 id값으로 사용하여 해당 id에 맞는 데이터를 불러온다(저렇게 배열 형식으로 앞에 쿼리문 id=?의 정보를 넣을 수 있는데 입력 데이터의 보안때문에 그런다고 한다). 불러온 데이터는 무조건 배열로 오기 때문에 하나를 불러오면 0번째 인덱스에 있다.
공부 리마인드