# vuejs

15개의 포스트

🥑 Nuxt 디렉토리 구조

이걸 왜 정리하느냐 Nuxt js 토이프로젝트에 누가되지 않기 위해 나름의 정리를 해보려 한다. ✔ : 이해 완료 💢 : 아직 이해 못한 것 ( 추후 포스팅 가능성 농후 ) 💭 : 순전히 내 생각 ✔ Assets CSS(Stylus or Sass) 파일, 이미지나

2020년 6월 11일
·
0개의 댓글

Vue.js - watch 삽질 기록(로딩중 화면 띄우기)

뷰의 watch는 미리 지정해놓은 특정 데이터의 변화를 감지하여 미리 지정한 로직을 실행해주는 속성입니다.작업이 필요했던 부분은 (예시) 주문 리스트의 특정 주문을 클릭하면, 상세 주문 내역이 로딩되는 동안 로딩중 화면이 나와야 하는데, 최초 클릭 시에는 나오지 않는

2020년 5월 26일
·
0개의 댓글
post-thumbnail

vuex4 미리 살펴보기

vuex4 미리 맛만보자.. 아직 베타버전 ㅠㅠ

2020년 5월 25일
·
0개의 댓글
post-thumbnail

vue3 미리 살펴보기

vue3 가 release 되기전에 한번 살펴보자!

2020년 5월 20일
·
0개의 댓글

Vue.js - 클래스와 스타일 바인딩 알아보기

본 글은 Vue.js 공식문서의 클래스와 스타일 바인딩을 제가 알아보기 쉽게 풀어쓴 글 입니다.

2020년 5월 3일
·
0개의 댓글

Vue.js

Vue.js 학습한 내용을 키워드 단위로 정리화면에 표시되는 값과 프레임워크의 모델 데이터가 동시에 변경됨Angular항상 상위 컴포넌트에서 하위 컴포넌트로 데이터 전달Reactel 속성과 밀접한 관계각 라이프 사이클 속성에서 실행되는 커스텀 로직@ beforeCrea

2020년 4월 26일
·
0개의 댓글
post-thumbnail

vue 사용자 정의 지시자를 활용한 image lazy loading 구현하기

vue 사용자 정의 시지사를 활용하여 image lazy loading 구현하기

2020년 3월 23일
·
0개의 댓글
post-thumbnail

Vue.js설계 및 Atomic Design

회사에서는 프론트 프레임워크로 Vue를 채택하고 있습니다.현재 운용 중인 설계법 및 아토믹 디자인에 대해서 정리하고자 합니다.화면을 구성하는 요소를 원자(atom), 분자(molecule), 유기체(oranism), 템플릿(template), 페이지(page)로 5계층

2020년 2월 20일
·
0개의 댓글
post-thumbnail

vue-next로 vuejs 3 미리 맛보기 + Fragments

뷰js 버전 3가 2020년 3월쯤에 나올 것으로 예상이 되는데 정식 출시 전에 vue-next를 통해서 완전하지는 않지만 버전 3 알파 버전을 다운 받아서 미리 접해볼 수가 있습니다.먼저 vue-next를 이용해서 vuejs 3를 설치해 보겠습니다.

2020년 2월 14일
·
0개의 댓글
post-thumbnail

vue weather app v2

vue weather app v2 를 제작했다. 아직 UI부분은 조금 수정해야 할거같다

2020년 2월 11일
·
0개의 댓글
post-thumbnail

vue.js 기술면접 질문목록

vue 기술면접 질문

2020년 2월 9일
·
0개의 댓글

Vue.js에 slide 적용하기 (Vueper Slides)

시작 및 사용법 모듈 설치 Import > 모듈을 설치하고 임포트를 하면 사용할 준비가 끝납니다. > 사용법은 해당 모듈 사이트에 너무 자세히 나와있어 부가 설명이 불필요할 것으로 판단하여 사이트 주소를 남깁니다. > 공식 사이트: Vueper Slides > >

2019년 12월 18일
·
2개의 댓글
post-thumbnail

# Vue.js 예전 공부 메모

이전에 vue를 사용하면서 적은 메모들을 여기에 옮김 오브젝트는 참조전달이다 같은 곳을 참조하므로 UI렌더링이 안 될 수 있다. 배열로 하면 문제없다. 혹은 전개구문으로 한 번 값을 새로 복사해서 만든 다음에 넣어주면 된다. 뷰는 오브젝트 내부를 검지해주지 않는다. computed는 배열 안을 검지 못하므로, watch를 쓴다. @click 이벤트에서...

2019년 11월 13일
·
0개의 댓글
post-thumbnail

Vuejs 간단 채팅앱 만들기

최근 Vuejs에 관심이 생겨서 공부것을 바탕으로 간단한 채팅앱을 만들어 보았습니다. 이렇게 개발글 남기는건 처음이라... 어떻게 써야 잘쓰는건지 잘 모르겠지만... 좋게봐주셨으면합니다~^^ Vue Component Framework - Vuetify를 설치하겠습니다. 1. 로그인 페이지 ./src/views/Login.vue ./src/App.vu...

2018년 10월 21일
·
12개의 댓글