Nuxt Release 2.9.0

Nuxt Release 2.9.0, 2.9.1

사내 프로토타입으로 Vue, Nuxt를 사용하고 있다.
(아무도 시키진 않았지만 요즘(?) 개발자가 되고싶어서…^^)
솔직히 jQuery 시절 지식으로 변화하는 JS 웹 트렌드 기술을 따라가기 정말 어렵다.
그래도 요즘 트렌드 기술을 도입하며 개발자로써의 성취감, 존재감을 가지고 싶어 이것저것 새로운 것 적용하고 있다.

그런데 이걸 정리하고 기록 해두지 않으면 요즘 같은 시대에 내 자신이 뒤쳐지는 것 같고 빠르게 변화하는 시대에 지워질 기술(or 코드)들이 아쉽다.

앞으로 여력이 된다면 이 곳에 새로 득한 기술들을 정리하고 공유할 예정이다.

일단 먼저 Nuxt가 버전업이 되었다.
다 알수는 없고 내가 아쉬웠던 기능이 새로 생겨 공유해본다.
아키나 플젝구조는 다음에 더 여유있을 때 하기로 하고
난 Backend API(Springboot) 통신을 하는 부분에 있어 화면 렌더링 전 초기 데이터 로딩의 경우 asyncdata() 를 활용했다.

기존에 아쉬웠던 것이 asyncdata() 함수를 재호출하는 기능이 없어서 화면 내 뭔가 기능을 업데이트하고나서 후처리가 불편했다.
예를 들어 팝업폼(dialog) 저장 후 그 리스트 리프레쉬할때 현재 페이지를 다시 호출하거나,
리스트 조회에 연결된 로직을 methods 로 만들어 이를 재호출했다.

그런데 이번 버전에서 기능이 추가되었다.

this.$nuxt.refresh();

아주 소소한 기능이지만 기다리던 기능이 추가되니 바로 버전업 해봤다. ^^
어차피 나만 사용하니 큰 문제될건 없다.

업데이트 내용 확인은 여기서 https://github.com/nuxt/nuxt.js/releases