171214-TIL

Reading time ~1 minute

오늘 한일

- JSON API 및 AJAX 실습

  • 질문 상세페이지(show.jsp)에서 하드 코딩된 답변들 대신 질문에 실제 추가된 답변들 표시되게 구현

  • 답변 작성 기능 구현

  • AJAX로 답변 작성 변경

  • redirect를 통한 답변 삭제 구현

  • AJAX로 답변 삭제 구현

  • 남은 사항 :

    • AJAX로 작성한 답변들 또한 삭제버튼 동작하게 구현

- jQuery

  • serialize() : 데이터를 보내기 위해 폼 요소 집합을 문자열로 인코딩

  • parents(selector) : parents 인자값으로 잡히는 모든 상위 요소를 반환

  • closest(selector) : parents 함수와 달리 셀렉터로 잡히는 상위 요소중 가장 근접한 하나를 반환


오늘 느낀점

  • jQuery는 살짝 헷갈렸지만 이전 js를 공부했던 기간때문에 큰 어려움 없이 진행을 했다. 당시 공부좀 해두길 잘한거 같다.
    그러나 답변 작성 리퀘스트를 두번 요청하는 기현상이 발생하여 막혔었는데 프론트단 작업은 욕심 안내고 가려고 했지만 아무리 봐도 삭제 구현시 문제가 될거 같아 해결하려다 해당 부분에서 한시간 넘게 시간을 쓰다 이건 아닌거 같아서 프론트분한테 sos를 쳐서 같이 코드를 보며 해결을 했다. 사소한 문제였는데 같이 보니 확실히 금방 보였다.

  • 일부 있는 프론트단 작업이 손에 덜 잡혀서 삭제 구현 부분에서 집중이 덜 됐는데 현재 안돼고 있는 부분이 이벤트 등록이 제대로 안된 문제란걸 알고 있으니 조금 집중해서 후딱 해결해야 겠다.


내일 할일

  • JSON API 및 AJAX 실습 :

    • AJAX로 추가한 답변이 제대로 삭제 안돼는 부분 수정

    • pr은 아래 실습까지 끝나고 진행 예정

  • MVC 프레임워크 2단계 실습 :

    • JSON을 응답하는 컨트롤러에서 불필요하게 null을 반환하는 부분 리팩토링