최대 1 분 소요

회고

   재밌는 화면 개발을 맡게 되었다. Vue.js 공부를 꾸준히 했던 것이 나름 빛을 보는 것 같다. 확실히 실전에서 해봐야 이것저것 더 많이 배우게 되는 것 같다. 한 화면에 여러 컴포넌트와 여러 모달이 있어 각 컴포넌트를 어떻게 표현할 지, 데이터는 어떻게 주고 받을 지, 공통 데이터는 어떻게 처리할 지 등을 고민하면서 하다보니 생각보다 굉장히 어려웠다.

작업

  • 메뉴 권한 관리
  • 각 권한 별로 사용자와 메뉴를 지정할 수 있음
  • 권한에 대한 사용자 매핑 및 사용자 조회 후 권한에 추가
  • 프론트엔드, 백엔드 모두 진행
  • 모달을 활용한 Vue 개발

어려웠던 점

  • 원활한 데이터 교환을 위해 공통 객체를 만들었는데, 객체 참조 문제로 여러 버그가 발생했음
  • 각 컴포넌트끼리 이벤트를 주고 받기 어려웠으나, 이벤트 버스로 해결함
  • DB(Oracle)에서 트리 구조의 데이터를 가져와 변환하는 작업이 생각보다 오래 걸림. Stream 인터페이스의 reduce() 메서드를 잘 활용해서 만들었음

태그:

업데이트: