[Metanet] 81

[ Vue3 강제렌더링 ]

강제렌더링은 왜 필요할까 뷰는 컴포넌트 기반으로 동작하는데, 부모 자식 간 관계가 얽힘에 따라서, 렌더링이 되어야 하는데 되지 않는 문제가 종종 발생한다. 실무를 하다가도 이런 일은 종종 발생하는데, 이럴 때 강제렌더링으로 해결되는 경우가 굉장히 많다.  강제 렌더링 하는 방법하는 방법은 무척이나 간단하다. vue 는 props 로 내려준 데이터가 변하면 렌더링 과정을 다시 거치게 되는데, 이 점을 이용해서 강제렌더링을 해줄 수 있다.  위와 같은 구조로 컴포넌트가 있었다고 해보자. 이 경우 renderingKey 의 값을 true / false 를 바꾸어주면 div 안에 있는 모든 컴포넌트들이 강제 재렌더링 과정에 들어가게 된다. renderingKey 의 값은 아무거나 해도 상관없다만, ++ 같은 구..

[Vue TreeSelect 컴포넌트에게 '기본 선택 값' 주는 방법] How to set default selected value into vue tree-select component

// ======================== ======================== ========================실무 작업 중에 Vue TreeSelect 를 활용해서 작업을 하게 되었는데, 수정 페이지라서 TreeSelect 컴포넌트에서 기본적으로 유저가 이전에 선택한 항목들이 선택된 채로 렌더링이 되어야 하는 문제를 만나게 되었다.  아쉽게도 TreeSelect 컴포넌트에서는 Disabled 와 같이, Selected 라는 인터페이스가 뚫려있지 않아서 문제 해결을 위해서 이리 저리 고민하다가, 아래와 같은 해결방법을 만나서 해결하였다.  ======================== ======================== =========================== ..

신입사원 교육 정리

핵심 Keyword1. 2. 3. 들어가기 지난 3일 간 신입사원 교육이 IGM 에서 진행되었다. 교육 받았던 내용 중에 나중에 도움이 될 것 같다는 내용들만 모아서 정리를 해보려고 한다.  업무 시간관리 TIME 매트릭스 시간관리는 굉장히 중요한 요소인데, 직장에서도 시간관리는 정말 중요하다. 업무 수행에 걸리는 시간을 정확히 예측하고 시간 배분을 잘 하는 것이 능력의 한 요소로 평가받는다. 일을 처리하기 위해서, TIME 매트릭스를 활용한다. 아래 사진과 같은데,==여기서 핵심은 중요한데 긴급하지 않은 업무들을 미리미리 해놓아야 한다는 것이다. 왜냐하면, 예를 들어, 보고서 제출이 다음주 금요일이라면 아직 시간적 여유가 있지만 미리미리 해놓아야 한다는 것이다. 그리고 회식 장소 예약하기는 그냥 퇴근하..

[Vue 실무 피드백] Vue Data & Watch / null 과 undefined 의 차이

핵심 Keyword1. 2. 3. Data 와 Watch 에 대한 고민 Vue 개발을 할 때, 지양해야하는 개발 습관 중 하나가 data와 watch 를 늘리는 것이라는 피드백을 받았다. 간단한 기능 개발 업무를 부여받았는데, 조건에 따른 처리가 필요한 기능 개발이었다. 그래서, data 를 생성하고 watch 를 통해 처리를 했는데, 이런 개발은 굉장히 지양할 필요가 있다는 것이었다.이유는 간단하다. 애플리케이션의 리소스를 잡아먹는 것들이기 때문이다. 실제로, 나는 조건문을 위한 데이터를 생성해서 처리를 하였는데, 이미 다른 data 의 상태 조회를 통해 같은 기능을 구현할 수 있었다. 그래서 가능하다면 이미 생성되어 있는 data 들을 통해서 처리할 수 있는 방법을 고민해보고 기능을 구현하는 것이 더..