TIL221004

오늘 한 것

• 게시판 구현 실습

  • 게시글 리스트 조회 기능에서 오류가 났다. 프론트엔드에서 json 변수를 읽을수 없다는 에러메세지가 떠서 검색해보니 변수에 데이터가 없을때의 에러메세지라고 했다.

    function findAll() {
    
    					fetch('/api/boards').then(response => {
    						if (response.ok) {
    						return response.json();
    						}
    					}).then(json => {
    						let html = '';
    
    						if (!json.length) {
    							html = '<td colspan="5">등록된 게시글이 없습니다.</td>';
    						} else {
                //생략
    						}
    
    						document.getElementById('list').innerHTML = html;
    					});
    				}

  • 하지만 프론트엔드 코드를 유심히 읽고 json은 response를 json으로 추출한 상태이기 때문에 json을 읽지 못하는건 애초에 response가 들어오지 않은 것과 같다는걸 깨닫고 서버의 문제를 해결했다.

  • 서버의 에러메세지를 보고 서비스 단에서 'createdDate'가 'createDate' 라고 오타난 것을 발견했다. 인텔리제이 친절한 녀석..

  • 이외에도 BoardService 클래스가 bean으로 등록되지 않아서 build에 실패하는 것을 보고 @Service 어노테이션을 추가해주는 등 사소한 오류들을 해결했다.

  • 조회수 증가 메소드를 구현을 처음 해봐서 재미있었다.