Vue.js 실무

License : MITDemo : github.serafin.io/vuebar/첫 번째 라이브러리는 스크롤 디자인을 변경할 수 있는 Vuebar이다.화면 우측의 Scroll의 경우 시스템 Scroll 디자인을 사용해도 디자인상 큰 문제는 없지만,화면 안쪽에 overf

Vue-Simple-Validator에서 Validator.value not set 에러 뜰 때 해당 에러 내용은

image-20211220141014512npm rebuild node-sass 로 리빌드 해주면 바로 해결된다.

프로젝트 폴더 바깥에서 vue create 프로젝트명처음 세팅이 아니라면 해당 프리셋으로 설정 하면됨 처음 세팅이라면 menually 선택 -> ROUTER, VUEX 추가 선택 버전은 2.x 선택 -> History 여부에서 ypick a linter / format

가장 첫 번째로 node-js 설치를 해야한다. node.js 는 공식홈페이지에서 LTS 버전으로 빠르게 설치한다!간단하므로 node.js 설치 과정은 생략한다.. 이것마저 못하면 개발 하지..터미널에서 npm을 이용해 Vue CLI를 설치할 것인데, 필자는 Vue C

export default { name: "", mixins: \[], components: { }, inject: \[], provide() { return{ } }, props: { }, data() {

vuejs믹스인은 Vue 2에서 컴포넌트 간에 재사용 가능한 로직을 공유하는 가장 기본적인 방법이었습니다. 하지만 이제 컴포지션 API를 사용할 수 있게 되면서 훨씬 더 깔끔한 방식으로 코드 재사용성을 달성할 수 있습니다.믹스인은 믹스인의 속성을 컴포넌트와 병합하여

저의 경험상 아직도 크지않은 규모의 회사에서 제이쿼리(jQuery)는 많이 사용하고 있는게 현실입니다.최대한 jQuery를 사용하지 않고 Vue의 $refs라던지, JavaScript의 DOM접근 방법을 사용하고자 하는게 저의 이상향입니다. 아마도 뷰(Vue)를 배우면

Vue.js는 브라우저에서 실행되는 사용자 인터페이스를 구축(빌드)할 수 있는 프레임워크이다. 사용자 인터페이스/웹 앱을 만든 이후에는 효율적으로 배포하기 전에 빌드해야 한다. 여기에서 웹팩(webpack)이 등장. 웹팩(webpack)은 작성한 코드를 가져와 모든 브

터미널을 열고 프로젝트를 생성할 경로로 이동하여 아래와 입력한다.기타 설정들은 NO를 하고 Eslint와 Prettier 부분만 Yes로 생성한다.Pinia 등 기타 라이브러리나 필요한 것들은 나중에 직접 설치로 진행할 예정이다. 초기부터 세팅하는 것은 나중에 다 파악

뷰 라우터에 대한 개념은 인터넷에 널리고 널렸으며 Vue.js를 해본 사람들은 익혀있으니 개념 설명 따위는 스킵하고 적용과 사용법을 익혀본다.우선 기존의 프로젝트에서 src/views 디렉토리를 생성하고, HomeView.vue 와 AboutView.vue를 만들어둔다

게시판 CRUD를 하기 위해 우선 페이지 컴포넌트를 만들고 라우터 맵핑을 진행한다.views/posts 경로에 PostCreateView.vue, PostListView.vue, PostEditView.vue, PostDetailView.vue CRUD 역할을 할 4개

라우터의 index.jsviews/NotFoundView.vue실제 앱 UI는 일반적으로 여러 단계로 중첩 된 컴포넌트로 이루어져 있다. URL의 경로가 중첩된 컴포넌트의 특정 구조와 일치한다는 것이게 무슨 말이냐면 특정 페이지로 들어갔을 때 일부 영역은 고정 시키고

우선 상세 정보를 가져올 게시글에 대한 API 함수를 작성한다.api/posts.js파라미터 id값은 PostDetailView.vue페이지에서 route 값 id를 string 형태로 전달하기 때문에int로 형변환시킨다.PageDetailView.vue에서 API를