자바스크립트의 Map, Filter 그리고 Reduce로는 많은 걸 할 수 있다. 그 중에서 Object 형식의 값을 조건에 따라 변경하는 코드 예시를 기록해두려고 한다. 삼항 연산자를 사용 했고 보기 좋게 줄바꿈도 했다.

로딩 이펙트를 적용하는 예제가 찾아봐도 쉽게 잘 안나와 있는 듯하여 저도 본 예제를 활용한 코드를 적어둡니다. Vuex에 대한 기본 이해가 있어야 합니다. 우선 Spinner 컴포넌트를 만듭니다. v-if를 통해 true면 화면에서 보이고 false면 보이지 않게 합니다. 즉 로딩 중에 true로 바꿔주고 로딩이 끝나는 시점에 false로 바꿔주면 됩니다.

QueryDSL은 BooleanExpression까지 지원해 주고 너무 편하지만 from subquery와 union 절은 사용할 수 없습니다. 물론 사용하지 않고 쿼리를 만들 수 있다면 좋지만 현실은 항상 그렇지 않습니다. 그래서 Stream.concat을 사용하여 Union을 대체하고 Stream.concat으로 만들어진 데이터를 Sort 하는 법 까지 기록합니다.

윈도우 10 서버 세팅을 마치고 JAR를 실행한 후 외부에서 접속을 시도했는데 전혀 되지 않았다. 방화벽에서 인바운드 설정도 올바르게 해주었고 포트포워딩을 할 필요없는 환경임에도 이상했다. 새롭게 허용해 준 다른 포트의 경우에는 잘 열려있는데 유독 JAR를 위한 포트만 닫혀있었다.

Vue.config.devtools = true 동작하지 않을때 로컬에서, html 파일로 간단하게 코드를 짤 때 vue-devtools를 사용하고 싶은데 동작하지 않는 경우가 있다.