소개

CodeSandbox 라는 온라인 에디터 서비스로, 참고가 될 것 같은 Vue.js의 샘플 코드가 많이 공개되고 있었습니다. CodeSandbox에는 프리뷰 기능도 붙어 있으므로, 코드를 보면서의 동작 확인도 가능합니다. 궁금한 것을 정리해 둡니다.

샘플 요약

vue-todos 2

ToDo 목록 샘플.
h tps : // 코데 씨 d 보 x. 이오/s/mxxr2→4j

ゔ그림 LP 2

여러가지 포함된 랜딩 페이지의 샘플.

LP Vue Vuetify (fontawesome) Vuex axios Firebase Login (Email+Pass | Google) Recipes API New York Times APi

h tps : // 코데 씨 d 보 x. 이오/s/54lk4p3q0k

vue-workshop - fresh - 23/9/2019

Vue.js로 작성된 Vue.js 워크숍 자료. 이 교재 자체를 CodeSandbox상에서 편집하면서 진행해 가는 것 같다. 참신.
h tps : // 코데 씨 d 보 x. 이오 / s / ゔ - rk 쇼 p f 레 sh - 2392019 - 2 레이 z

Easy Shop

EC 사이트 샘플.
htps : // 코데씨 d보 x. 이오/s/1rz05wry73

여기에서 전체 화면 표시 미리보기를 붙여 갑니다.

Vue Hoteltest

호텔 홈페이지 샘플.
h tps : // 코데 씨 d 보 x. 이오 / s / 3106lv0l0

Vuetify + VueRouter 기본 레이아웃

범용적으로 사용할 수 있는 샘플.
htps : // 코데씨 d보 x. 이오/s/l761m0069m

Tiptap vuetify editor

tiptap이라는 Vue.js 용 편집기를 사용한 샘플. tiptap이 다기능으로 감동했다.
htps : // 코데씨 d보 x. 이오/s/p2wzz90


tiptap 자체의 소개 기사는 이쪽.
htps //w w. Moongi ft. jp / 2018 / 12 / 치p타 p ゔ 에 js % 에 5 % 90 % 91 % 에 3 % 81 % 91 % 에 3 % 81 % 에 % 에 3 % 83 % 에 3% 83% 81% 에 3% 81% 아 wy 하고 wyg% 에 3% 82% 에 8% 에 3% 83% 87% 에 3% 82%

결론

앞으로 포크하고 수정하면서 놀고 싶습니다. 두근두근.