❓

🤯 게시글 삭제할 때 고민했던 점

• 삭제 했을 때

  • 원글만 지운다.

    원글은 '삭제된 글입니다.'라고 띄우고 답글은 살려두는 형태

  • 답글까지 지운다.

    원글을 지우면 답글까지 지워지는 경우.

    페이스북의 경우는 답글까지 지우는 형태다. 반면 네이버는 답글은 두고 원글만 지운다.
    뭐가 더 좋은 방법일까? 상황에 따라 다를 것이다.

    나는 1번 원글만 지우는 방식을 선택했다. 댓글의 권한은 댓글을 쓴 사람에게 있다고 보기 때문이다.
    

어떻게 ?

처음 생각한 방식은 쿼리를 두 번 날리는 것이다.

1. 카운트 쿼리를 날린다.

2. 이 결과가 0보다 크다면, 답글이 존재하는 것이므로,
   delete가 아닌, 기존의 데이터를 없애고 '삭제된 게시물입니다.' 라는 문구로 update 한다.

3. 결과가 0이라면 답글이 없다는 것이다.
   따라서 그냥 delete 쿼리를 날린다.

이 방식의 단점은 여러 번 쿼리를 날린다는 것이다.

DB의 프로시저Procedure를 이용하면 IF-ELSE 처리를 할 수 있다는 것을 알게 되었다.
MySQL

-- 삭제한 게시물에 자식 노드(답변글)이 있는지 확인하는 프로시저
DELIMITER $$
DROP PROCEDURE IF EXISTS deletePost$$
CREATE PROCEDURE deletePost(IN bno int(10))
 BEGIN	
 	SET @bno = bno;
    SET @count = (SELECT COUNT(*) FROM t_board t
					WHERE t.p_bno = @bno);
    
    IF @count > 0 THEN
        UPDATE t_board t
        SET  t.title = '삭제된 게시글입니다.'
	    ,t.content = ''
            ,t.id = ''
        WHERE t.bno = @bno;   
        
    ELSE 
	DELETE FROM t_board t
        WHERE t.bno = @bno;
    END IF;
END $$
DELIMITER 

위 쿼리는 bno를 받아서 답변글이 있는지 확인하고 있다면 업데이트를, 없다면 삭제하는 프로시저다.
이렇게 정의해두면, 나중에는

-- CALL deletePost(bno번호);
CALL deletePost(45);

이렇게 호출해서 사용할 수 있었다. 일종의... 메서드 같았다.

WorkBench

View

변경된 코드

화면, 컨트롤러, 서비스 계층에는 변화가 없다.
DB와 바로 연결되는 DAO에서도 변경하는 부분은 sql쿼리 한 줄 뿐이다.

DAO

테스트

    @Test
    public void deleteProcedureTest() throws ClassNotFoundException {
    	Class.forName(DRIVER);
    	String sql = "CALL deletePost(?)";
    	log.info(sql);
    	try(
            Connection conn = DriverManager.getConnection(URL,USER,PW);
            PreparedStatement pstmt = conn.prepareStatement(sql);
            	) {
    		
    		pstmt.setInt(1, 26);
    		
    		int result = pstmt.executeUpdate();
    		
    		assertTrue(result == 1);
    		
    	} catch (Exception e) {
    		log.info(e.getMessage());
    	}
    }

프로젝트

	public int delete(int bno) {
		String sql = "CALL deletePost(?)";
    	log.info(sql);
    	try(
            Connection conn = ds.getConnection();
            PreparedStatement pstmt = conn.prepareStatement(sql);
            ) {
        		
        	pstmt.setInt(1, bno);
        		
        	return pstmt.executeUpdate();
        		
    	} catch (Exception e) {
    		log.info(e.getMessage());
        }
		return -1;
	}

최소한의 변화다!
만약 첫 번째 방법으로 했다면 이보다는 더 많이 변경해야 했을 것이다.

post.jsp

삭제된 게시물입니다'로 업데이트 후에, 화면처리. 화면에서 보이는 버튼 중에 '목록'만 남기고 '수정/삭제/답글'은 지워야 한다. post.jsp에 다음과 같은 부분을 추가했다.

const id = document.getElementById('id')

//id의 길이가 0이거나 ''일 때, 수정/삭제/답글 버튼을 보이지 않게 한다.
if(id.value.length==0||id==='') {
	document.getElementById('modify').style.display='none'		
	document.getElementById('rePost').style.display='none'		
	document.getElementById('remove').style.display='none'		
}

다른 버튼들이 사라진 것을 확인할 수 있다

그 외 문제점

• '삭제된 게시물입니다'로 업데이트 후에, 화면처리. 화면에서 보이는 버튼 중에 '목록'만 남기고 '수정/삭제/답글'은 지워야 한다. 해결

• 게시물 삭제 → 새로 고침 시 계속해서 alert창이 뜨는 이슈
  

• 계층구조 때문에 DB와 화면의 게시물 번호가 다르다는 점.
  그리고 역순 정렬을 할 수 없다는 것.