Vue 썸네일형 리스트형 Rails에서 Vue에 데이터 전달하기 레일즈에서 Vue로 데이터를 전달해야 할 순간이 있습니다. 그런데 레일즈의 뷰 템플릿 엔진으로는 Vue를 바로 다룰 수가 없기 때문에(제가 모르는 걸 수도 있어요..ㅜㅜ), 값을 전해주기가 조금 힘듭니다. 이럴 때 Vue에게 값을 전달하는 방법을 몇 가지 적어보려고 합니다. HTML의 data속성을 사용해 전달 HTML에는 data라는 속성이 있습니다. 간단한 데이터를 넘길 때 편리합니다. 그치만 위의 링크에도 언급이 되어 있듯 성능이 그다지 좋은 편은 아니라고 하니, 다량의 데이터를 넣는 것은 좋지 않아 보이네요. 아직 Vue가 익숙하지 않아 생각보다 구현에 좀 애를 먹었는데요ㅜㅜ 이렇게 하면 됩니다. # controller def index @user_name = current_user.name en.. 더보기 Vue-cli로 웹앱 생성 및 Github page 연동 오늘은 Vue CLI툴을 사용해 만든 페이지를 Github page로 올리는 방법에 대해 정리해 보겠습니다. 여기서는 페이지를 subtree로 올리는 방법을 다루겠습니다. subtree에 대한 보다 자세한 설명은 링크를 첨부합니다. 사실 저는 subtree로 관리하는 게 익숙하지 않아서 상당히 까다로웠지만, 개발 / 출시를 분리해 두는 것이 유지보수 측면에서도 편하기 때문에 저는 subtree를 사용했습니다. 1개의 브랜치만으로도 깃허브 페이지를 생성할 수 있습니다. (빌드한 페이지를 /docs경로에 넣으면 가능) Vue CLI로 프로젝트 생성 먼저 npm으로 vue-cli을 설치하고, 프로젝트를 생성합니다. ~ % npm install -g @vue/cli # 적당한 경로에 프로젝트를 생성 [folde.. 더보기 이전 1 다음
