# vuejs
🥑 Nuxt 디렉토리 구조
이걸 왜 정리하느냐 Nuxt js 토이프로젝트에 누가되지 않기 위해 나름의 정리를 해보려 한다. ✔ : 이해 완료 💢 : 아직 이해 못한 것 ( 추후 포스팅 가능성 농후 ) 💭 : 순전히 내 생각 ✔ Assets CSS(Stylus or Sass) 파일, 이미지나
Vue.js - watch 삽질 기록(로딩중 화면 띄우기)
뷰의 watch는 미리 지정해놓은 특정 데이터의 변화를 감지하여 미리 지정한 로직을 실행해주는 속성입니다.작업이 필요했던 부분은 (예시) 주문 리스트의 특정 주문을 클릭하면, 상세 주문 내역이 로딩되는 동안 로딩중 화면이 나와야 하는데, 최초 클릭 시에는 나오지 않는
Vue.js
Vue.js 학습한 내용을 키워드 단위로 정리화면에 표시되는 값과 프레임워크의 모델 데이터가 동시에 변경됨Angular항상 상위 컴포넌트에서 하위 컴포넌트로 데이터 전달Reactel 속성과 밀접한 관계각 라이프 사이클 속성에서 실행되는 커스텀 로직@ beforeCrea
vue 사용자 정의 지시자를 활용한 image lazy loading 구현하기
vue 사용자 정의 시지사를 활용하여 image lazy loading 구현하기
Vue.js설계 및 Atomic Design
회사에서는 프론트 프레임워크로 Vue를 채택하고 있습니다.현재 운용 중인 설계법 및 아토믹 디자인에 대해서 정리하고자 합니다.화면을 구성하는 요소를 원자(atom), 분자(molecule), 유기체(oranism), 템플릿(template), 페이지(page)로 5계층
vue-next로 vuejs 3 미리 맛보기 + Fragments
뷰js 버전 3가 2020년 3월쯤에 나올 것으로 예상이 되는데 정식 출시 전에 vue-next를 통해서 완전하지는 않지만 버전 3 알파 버전을 다운 받아서 미리 접해볼 수가 있습니다.먼저 vue-next를 이용해서 vuejs 3를 설치해 보겠습니다.
Vue.js에 slide 적용하기 (Vueper Slides)
시작 및 사용법 모듈 설치 Import > 모듈을 설치하고 임포트를 하면 사용할 준비가 끝납니다. > 사용법은 해당 모듈 사이트에 너무 자세히 나와있어 부가 설명이 불필요할 것으로 판단하여 사이트 주소를 남깁니다. > 공식 사이트: Vueper Slides > >
# Vue.js 예전 공부 메모
이전에 vue를 사용하면서 적은 메모들을 여기에 옮김 오브젝트는 참조전달이다 같은 곳을 참조하므로 UI렌더링이 안 될 수 있다. 배열로 하면 문제없다. 혹은 전개구문으로 한 번 값을 새로 복사해서 만든 다음에 넣어주면 된다. 뷰는 오브젝트 내부를 검지해주지 않는다. computed는 배열 안을 검지 못하므로, watch를 쓴다. @click 이벤트에서...
Vuejs 간단 채팅앱 만들기
최근 Vuejs에 관심이 생겨서 공부것을 바탕으로 간단한 채팅앱을 만들어 보았습니다. 이렇게 개발글 남기는건 처음이라... 어떻게 써야 잘쓰는건지 잘 모르겠지만... 좋게봐주셨으면합니다~^^ Vue Component Framework - Vuetify를 설치하겠습니다. 1. 로그인 페이지 ./src/views/Login.vue ./src/App.vu...