redgoose(붉은거위)

(vue.js) 컴포넌트 확장에 대한 글

Nest
Development
Category
Javascript
Hit
728
Star
0

http://woowabros.github.io/experience/2018/06/07/vue-story-of-baminchan.html

배민찬 서비스를 만들면서 작성한 포스팅이 굉장히 인상적이었다.

다른 컴포넌트를 import 형태로 가져와서 확장시키는 방법인데 이것을 이용하여 모바일과 데스크탑을 별도의 페이지로 제작할 수 있게된다.

nginx같은곳에서 모바일 확인해서 m.으로 이다이렉팅 시키고 도메인에 따라 엔트리 포인트 js를 다르게 실행하던지 아니면 포트를 두개로 띄우는지.. 잘 모르겠지만 입구를 구분하고, view 영역을 다르게 이동하도록 한다.

블로그 글에서 핵심은 한쪽에서 먼저 리소스를 만들고 그걸 가져와 확장시키는 방법인데 뷰 부분은 완전히 별개로 만들지만 데이터를 불러오고 컨트롤하는건 통일시킬 수 있다. 다만 디자인이 다를때 원하는 컨트롤이 달라지기 때문에 거기에 대한 요소들을 오버라이딩을 한다는 패턴이 주로 보인다.

이건 연구해보고 싶은 부분이긴 하다.