[Vue.js] <input> 기본값 없음으로, null 전달로 인한 NPE 발생 문제

 

 

⚠️ 문제 발생!

 

 

최초 주니하랑은 게시판 글 등록이 잘 되는지 확인하기 위해 위와 같이 글을 작성한 것이에요.

 

 

 

오잉?! 근데 게시글이 등록되지 않는 것이에요!
무엇이 문제일지 알아보기 위해 개발자 모드의 Console Log를 살펴보기 시작한 것이에요.

 

 

 

 

Back End에게 post로 Request를 보냈는데, Server 친구가 문제가 있다면서 퇴짜를 놓았나봐요!
도대체 무엇이 문제이길래? Back End는 퇴짜를 놓은 것일까요?

 

 

InqrySn : 0
InqryUserSn : 0
fileSn : 0
inqryCn : 모두들 행복하세요!!!!!
secretAt : null
answerAt : null
answerCn : null
answerUserSn : 0
answerDt : null
creatDt : null
crtrSn : 0
updtDt : null
updusrSn : 0
inqrySj : 안녕하세요! 주니하랑 입니다!
srchWord : null
srchType : null
userId : null
beforeInqrySn : 0
beforeInqrySj : null
nextInqrySn : 0
nextInqrySj : null
inqryIndex : 0
answerUserId : null
2022-03-19 16:58:08.012  INFO 1356 --- [nio-8080-exec-7] c.d.j.c.support.DevInquryController      : devInquryVO 값 : DevInquryVO(InqrySn=0, InqryUserSn=0, fileSn=0, inqryCn=모두들 행복하세요!!!!!, secretAt=null, answerAt=null, answerCn=null, answerUserSn=0, answerDt=null, creatDt=null, crtrSn=0, updtDt=null, updusrSn=0, inqrySj=안녕하세요! 주니하랑 입니다!, srchWord=null, srchType=null, userId=null, beforeInqrySn=0, beforeInqrySj=null, nextInqrySn=0, nextInqrySj=null, inqryIndex=0, answerUserId=null)
2022-03-19 16:58:08.014  INFO 1356 --- [nio-8080-exec-7] c.d.j.c.support.DevInquryController      : 등록할 글이 비밀글인지 확인 하겠습니다!
2022-03-19 16:58:08.015  INFO 1356 --- [nio-8080-exec-7] c.d.j.c.support.DevInquryController      : 게시글 등록 / 수정에 문제가 발생(권한 문제)하여 catch문이 실행 되었습니다!
2022-03-19 16:58:08.017  WARN 1356 --- [nio-8080-exec-7] c.d.j.c.support.DevInquryController      : null
2022-03-19 16:58:08.017  INFO 1356 --- [nio-8080-exec-7] c.d.j.c.support.DevInquryController      : Logic이 Error로 401 Code를 Map result에 넣겠습니다!
java.lang.NullPointerException
	at com.devcommunity.junyharang.controller.support.DevInquryController.devInquryRegist(DevInquryController.java:91)
	at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
	at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)
	at java.base/jdk.internal.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
	at java.base/java.lang.reflect.Method.invoke(Method.java:566)
	at org.springframework.web.method.support.InvocableHandlerMethod.doInvoke(InvocableHandlerMethod.java:205)
	at org.springframework.web.method.support.InvocableHandlerMethod.invokeForRequest(InvocableHandlerMethod.java:150)
	at org.springframework.web.servlet.mvc.method.annotation.ServletInvocableHandlerMethod.invokeAndHandle(ServletInvocableHandlerMethod.java:117)
	at org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter.invokeHandlerMethod(RequestMappingHandlerAdapter.java:895)
	at org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter.handleInternal(RequestMappingHandlerAdapter.java:808)
	at org.springframework.web.servlet.mvc.method.AbstractHandlerMethodAdapter.handle(AbstractHandlerMethodAdapter.java:87)
	at org.springframework.web.servlet.DispatcherServlet.doDispatch(DispatcherServlet.java:1067)
	at org.springframework.web.servlet.DispatcherServlet.doService(DispatcherServlet.java:963)
	at org.springframework.web.servlet.FrameworkServlet.processRequest(FrameworkServlet.java:1006)
	at org.springframework.web.servlet.FrameworkServlet.doPost(FrameworkServlet.java:909)
	at javax.servlet.http.HttpServlet.service(HttpServlet.java:681)
	at org.springframework.web.servlet.FrameworkServlet.service(FrameworkServlet.java:883)
	at javax.servlet.http.HttpServlet.service(HttpServlet.java:764)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:227)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162)
	at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:53)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162)
	at org.springframework.web.filter.CharacterEncodingFilter.doFilterInternal(CharacterEncodingFilter.java:201)
	at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:117)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162)
	at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:197)
	at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:97)
	at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:540)
	at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:135)
	at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:92)
	at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:78)
	at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:359)
	at org.apache.coyote.http11.Http11Processor.service(Http11Processor.java:399)
	at org.apache.coyote.AbstractProcessorLight.process(AbstractProcessorLight.java:65)
	at org.apache.coyote.AbstractProtocol$ConnectionHandler.process(AbstractProtocol.java:889)
	at org.apache.tomcat.util.net.NioEndpoint$SocketProcessor.doRun(NioEndpoint.java:1735)
	at org.apache.tomcat.util.net.SocketProcessorBase.run(SocketProcessorBase.java:49)
	at org.apache.tomcat.util.threads.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1191)
	at org.apache.tomcat.util.threads.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:659)
	at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61)
	at java.base/java.lang.Thread.run(Thread.java:829)

 

 

위에는 Back End에서 확인한 Exception 내용인 것이에요.
그 무시무시한 NPE(Null Point Exception)이 터져 버린 것이에요!

아니 제목과 내용을 다 넣어서 보냈는데, 도대체 왜? NPE가 발생하는 것일까요?

 

 

 /**
     * 게시글 등록 / 수정 서비스
     * @param devInquryVO - 회원 가입을 위한 이용자 입력값을 담은 DTO
     * @return Object - 서버 처리 여부에 해당하는 Status Code 및 Data 반환을 위한 객체
     * @see ""
     */

    // TODO - Controller에 있는 비즈니스 로직 ServiceImpl로 옮겨야 하며, 등록 / 수정 분리 작업 필요

    @ResponseBody @PostMapping("/devInqury")
    public Object devInquryRegist(@RequestBody DevInquryVO devInquryVO, HttpServletRequest request) throws Exception {

        log.info("devInquryRegist(@RequestBody DevInquryVO devInquryVO, HttpServletRequest request)가 호출 되었습니다!");
        log.info("Client에서 넘어온 Data Value를 먼저 확인 하기 위해 배열 변수에 값을 넣겠습니다!");

        Field[] fields = devInquryVO.getClass().getDeclaredFields();

        log.info("반복문을 통해 배열에 들어 간 Data를 하나씩 꺼내 확인 해 보겠습니다!");
        for (Field field : fields) {

            /** 참고 자료
             * @see "https://tyboss.tistory.com/entry/Java-%EC%9E%90%EB%B0%94-%EB%A6%AC%ED%94%8C%EB%A0%89%EC%85%98-reflection-setAccessible"
             */

            log.info("Java 리플렉션 기법 중 setAccessible(true) 통해 Field 객체 자료형 Type field의 접근제어 지시자에 의한 제어를 변경 하겠습니다!");
            field.setAccessible(true);

            System.err.println(field.getName() + " : " + field.get(devInquryVO));

        } // for (Field field : fields) 끝

        Map<String, Object> result = new HashMap<>();

        log.info("devInquryVO 값 : " + devInquryVO.toString());

        try {

            log.info("등록할 글이 비밀글인지 확인 하겠습니다!");
            if (devInquryVO.getSecretAt().equals("false")) {

                log.info("등록할 글이 비밀글이 아닙니다! 공개글로 등록 합니다!");
                devInquryVO.setSecretAt("N");

            } else {

                log.info("등록할 글이 비밀글 입니다! 비밀글로 등록 합니다!");
                devInquryVO.setSecretAt("Y");

            } // if (devInquryVO.getSecretAt().equals("false")) - else 끝

            log.info("등록 / 수정 판별을 위해 등록 요청에 게시글 일련번호가 있는지 확인 하겠습니다!");
            // TODO : 등록 / 수정 Logic 분리 필요
            if (CustomStringUtil.getString(devInquryVO.getInqrySn()) == "" || devInquryVO.getInqrySn() == 0) {

                log.info("등록 요청 게시글 일련번호가 비어있습니다! 게시글 등록을 수행 합니다!");
                // TODO - 회원가입 및 로그인 로직 구현 뒤 아래 하드코딩 수정 필요
                devInquryVO.setInqryUserSn(4);

                log.info("devInquryService.devInquryInsertUpdate(devInquryVO)을 호출 하겠습니다!");
                devInquryService.devInquryInsert(devInquryVO);

                log.info("Map result에 게시글 일련 번호를 넣겠습니다!");
                result.put("resultSn", devInquryVO.getInqrySn());

            } else {

                log.info("등록 요청 게시글 일련번호가 존재 합니다! 게시글 수정을 수행 합니다!");
                log.info("devInquryService.devInquryInsertUpdate(devInquryVO)을 호출 하겠습니다!");
                devInquryService.devInquryUpdate(devInquryVO);

                log.info("Map result에 게시글 일련 번호를 넣겠습니다!");
                result.put("resultSn", devInquryVO.getInqrySn());

            } // if (CustomStringUtil.getString(devInquryVO.getInqrySn() == "" || devInquryVO.getInqrySn() == 0)) - else 끝

            log.info("Logic이 완료 되었으므로, 200 Code를 Map result에 넣겠습니다!");
            result.put("code", 200);
        } catch (Exception e) {

            log.info("게시글 등록 / 수정에 문제가 발생(권한 문제)하여 catch문이 실행 되었습니다!");

            e.printStackTrace();

            log.warn(e.getMessage());

            log.info("Logic이 Error로 401 Code를 Map result에 넣겠습니다!");
            result.put("code", 401);

            return result;

        } // try - catch 끝

        return result;

    } // devInquryRegist(@RequestBody DevInquryVO devInquryVO, HttpServletRequest request) 끝

반응형

 

위의 Code는 Q&A 게시판에 글 등록 / 수정을 처리하는 Router(API / Controller)의 내용인 것이에요.

 

 

 

Exception 내용을 살펴보면 바로 91번째 줄에서 NPE가 터진 것이에요.
비밀글..? 비밀글 Check를 안한다면 공개글로 등록하면 될 것인데 왜 이러는 것일까? 라는 고민이 생긴 것이에요.

 

 

 

 

🤔 원인 분석

 

 

우측에 vue 개발자 모드를 보면 devInquryData에 seceatAt에 대한 내용이 보이지 않는 것이에요.

 

이 문제에 원인은 '비밀글' 이라는 <input>으로 만들어진 checkbox를 click을 한번도 해주지 않으면 아무 값도 들어가지 않는 null이 되어 버리는 문제인 것이에요.

BackEnd에서는 NPE에 대한 Check는 없고, 해당 secretAt에 값이 false인지 true인지만 확인을 하는 것이에요.

그렇기 때문에 NPE가 발생해 버린 것이에요.

 

 

하지만, 위에 Code를 보면 secretAt에 false값이 들어가도록 :checked 속성에도 넣어주고, v-model에도 넣어줘서 Data를 Bindding 해 주었지만, 문제는 해결 되지 않은 것이에요.

 

 

 

 

 

 

🍻 문제 해결!

주니하랑은 결국 초기화 당시에 아예 false 값을 넣어 버리는 방법을 선택한 것이에요.

 

 

146번째 줄을 보면 devInquryData 객체(Object)에 secretAt이름을 가진 객체에 초기화 값을 `false`로 넣어준 것이에요.

 

Q&amp;amp;A 게시판 - 글 등록

 

 

Q&amp;amp;A 게시판 - 목록 조회

 

 

 

Q&amp;amp;A 게시판 - 상세 조회

 

 

이렇게 문제가 해결된 것이에요.

 

 

출처 :&nbsp;https://kr.vuejs.org/v2/guide/forms.html

 

출처 :https://kr.vuejs.org/v2/guide/forms.html