<div id="readability-page-1" class="page"><div><div><div><a rel="noopener" href="/?source=post_page-----df091b308415--------------------------------"><div><p><img alt="Jeong Woo Ahn" src="https://miro.medium.com/fit/c/56/56/2*5-DkBQYvxo0TLldXjX88Og.png" width="28" height="28"></p></div></a></div><p id="b602">너무 오랜만에 정리한다. 크게 새로운 소식들이 많지 않아서 미루고 있다가 Vue3 공식 릴리즈를 중심으로 몇 가지 링크를 정리해본다.</p><h2 id="1286">Vue3 One Piece 공식 릴리즈</h2><figure><div><p><img alt="" src="https://miro.medium.com/max/714/1*OEuB-4B9x7qQoGuOOlQlSg.png" width="357" height="316" sizes="357px" role="presentation" data-old-src="https://miro.medium.com/max/60/1*OEuB-4B9x7qQoGuOOlQlSg.png?q=20"></p></div><figcaption>Vue <a href="https://github.com/vuejs/vue-next/releases/tag/v3.0.0" rel="noopener nofollow">v3.0.0 One Piece</a></figcaption></figure><p id="879c">베타 기간이 드디어 끝나고 2020년 9월 19일, <a href="https://github.com/vuejs/vue-next/releases/tag/v3.0.0" rel="noopener nofollow">Vue3가 공식 런칭</a>했다. 릴리즈 명칭은 원피스(One Piece). 의로운 해적을 자처한다는 것일까.(참고로 2.6은 <a href="https://github.com/vuejs/vue/releases/tag/v2.6.0" rel="noopener nofollow">Macross</a>였고 2.0은 <a href="https://github.com/vuejs/vue/releases/tag/v2.0.0" rel="noopener nofollow">Ghost in the Shell</a> 였다.) 라고 잠깐생각했는데 <a href="https://twitter.com/youyuxi" rel="noopener nofollow">Evan You</a>가 그냥 일본애니 덕후라 그런게 아닌가 싶다. 아무튼 릴리즈 문서를 요약해보면</p><ul><li id="dc59">3.0 공식버전은 지난 2년 동안 <a href="https://github.com/vuejs/rfcs/tree/master/active-rfcs" rel="noopener nofollow">30개가 넘는 RFCs</a>, 2600개의 커밋, 99명의 기여자들의 628개의 풀리퀘스트 등의 노력 + 코어 밖의 어마어마한 개발과 문서 작업들로부터 탄생되었다.</li><li id="fdf1">Progressive Framework 컨셉 : Vue가 처음엔 누구나 쉽게 접근할 수 있는 컨셉으로 출발했는데, 사용자 층이 넓어지고 요구사항의 범위가 넓어짐. 그래서 사용자의 더 까다로운 시나리오를 처리하는 과정에서 학습하고 적응할 수 있는 프레임워크 컨셉으로 발전시켰음.</li><li id="9a86">그 컨셉의 근거는 저수준 api를 오픈시켜 커스텀할 수 있도록 한것(다양한 네이티브 환경과 결합가능), 큰 규모에 대응 가능한 유연성(<a href="https://v3.vuejs.org/guide/composition-api-introduction.html" rel="noopener nofollow">Composition API</a>), <a href="https://docs.google.com/spreadsheets/d/1VJFx-kQ4KjJmnpDXIEaig-cVAAJtpIGLZNbv3Lr4CR0/edit?usp=sharing" rel="noopener nofollow">성능향상</a>, 타입스크립트와의 통합성 강화(<a href="https://github.com/vuejs/vue-next/blob/master/test-dts/defineComponent.test-d.tsx" rel="noopener nofollow">fully supports TSX</a>)</li><li id="3f8d">이제 Vue3를 <a href="https://v3.vuejs.org/" rel="noopener nofollow">시작해보자</a>.</li></ul><h2 id="a28b">그 외 Vue관련 글들</h2><h2 id="9e06">Vue-demi</h2><p id="e7dc">Vue2 &amp; 3 플러그인을 쉽게 만들 수 있도록 도와주는 개발도구이다.</p><h2 id="f1e9">Distributed Vue.js Applications 시리즈</h2><p id="92b9">서로 다른 원격지에 Vue.js 컴포넌트들을 분산시켜놓고, 중앙 분산 서버가 HTTP 통신으로 컴포넌트를 동적으로 불러와 렌더링하는 구조이다. 두 번째 글에서는 이 구조에서 더불어 소켓통신으로 라이브 뉴스피드 채널을 만드는 샘플을 보여주고 있다.</p><h2 id="6420">Multiple builds targeting different browsers</h2><p id="cdb1">꽤 <span id="rmm"><span id="rmm">흥</span></span>미로운 이야이다. 빌드시에 브라우저별로 여러개의 빌드를 자동 생성하고 AWS 람다 함수를 통해 사용자 브라우저에 따라 커넥션을 적합한 리소스에 연결시켜주는 예제를 설명하고 있다. 브라우저별로 상당히 차별화된 대응을 하는 경우에 리소스 용량도 줄일 수 있고 어느정도 규모가 있는 경우에는 유지보수가 좋아질 수 있는 측면이 있는것 같다.</p></div></div></div>

Stories by Jeong Woo Ahn on Medium

Jeongwoo Ahn

Vue.js 9월 소식들 — Vue3 One Piece 공식릴리즈 소식 등
너무 오랜만에 정리한다. 크게 새로운 소식들이 많지 않아서 미루고 있다가 Vue3 공식 릴리즈를 중심으로 몇 가지 링크를 정리해본다.
Vue3 One Piece 공식 릴리즈
베타 기간이 드디어 끝나고 2020년 9월 19일, Vue3가 공식 런칭했다. 릴리즈 명칭은 원피스(One Piece). 의로운 해적을 자처한다는 것일까.(참고로 2.6은 Macross였고 2.0은 Ghost in the Shell 였다.) 라고 잠깐생각했는데 Evan You가 그냥 일본애니 덕후라 그런게 아닌가 싶다. 아무튼 릴리즈 문서를 요약해보면
3.0 공식버전은 지난 2년 동안 30개가 넘는 RFCs, 2600개의 커밋, 99명의 기여자들의 628개의 풀리퀘스트 등의 노력 + 코어 밖의 어마어마한 개발과 문서 작업들로부터 탄생되었다.
Progressive Framework 컨셉 : Vue가 처음엔 누구나 쉽게 접근할 수 있는 컨셉으로 출발했는데, 사용자 층이 넓어지고 요구사항의 범위가 넓어짐. 그래서 사용자의 더 까다로운 시나리오를 처리하는 과정에서 학습하고 적응할 수 있는 프레임워크 컨셉으로 발전시켰음.
그 컨셉의 근거는 저수준 api를 오픈시켜 커스텀할 수 있도록 한것(다양한 네이티브 환경과 결합가능), 큰 규모에 대응 가능한 유연성(Composition API), 성능향상, 타입스크립트와의 통합성 강화(fully supports TSX)
이제 Vue3를 시작해보자.
그 외 Vue관련 글들
Vue-demi
Vue2 & 3 플러그인을 쉽게 만들 수 있도록 도와주는 개발도구이다.
antfu/vue-demi
Distributed Vue.js Applications 시리즈
서로 다른 원격지에 Vue.js 컴포넌트들을 분산시켜놓고, 중앙 분산 서버가 HTTP 통신으로 컴포넌트를 동적으로 불러와 렌더링하는 구조이다. 두 번째 글에서는 이 구조에서 더불어 소켓통신으로 라이브 뉴스피드 채널을 만드는 샘플을 보여주고 있다.
Distributed Vue.js Applications Part 1: Loading Components via HTTP
Multiple builds targeting different browsers
꽤 흥미로운 이야이다. 빌드시에 브라우저별로 여러개의 빌드를 자동 생성하고 AWS 람다 함수를 통해 사용자 브라우저에 따라 커넥션을 적합한 리소스에 연결시켜주는 예제를 설명하고 있다. 브라우저별로 상당히 차별화된 대응을 하는 경우에 리소스 용량도 줄일 수 있고 어느정도 규모가 있는 경우에는 유지보수가 좋아질 수 있는 측면이 있는것 같다.
Multiple builds targeting different browsers
이 글이 마음에 드셨다면 👏🏽👏🏽, 커피한잔 후원하기 (카카오페이), 이메일 구독하기

Vue.js 9월 소식들 — Vue3 One Piece 공식릴리즈 소식 등

댓글