서버쪽 프로젝트를 먼저 구성해보자. 프로젝트를 담을 새폴더를 하나 생성한 후 해당 폴더 강의의 프로젝트 템플릿을 가져오고 npm 패키지도 설치해준다.vue-endgame > git clone \[https://github.com/joshua1988/vue-ti
다음의 구성요소에 나만의 DB 를 생성하여 데이터베이스를 연결해보자MongoDB 클라우드 사이트회원가입후 나의 페이지에 들어가 프로젝트를 생성해준다프로젝트 이름을 넣은 후 바로 Create Project 버튼을 눌러 생성해준다.프로젝트의 DB 를 생성해준다 ⇒ Buil
이제 본격적으로 뷰 프로젝트를 생성하고, 환경을 구성해보자.vue-endgame 이라는 상위 폴더 안에 nodejs 구성의 폴더가 있고, 우린 상위 폴더에 vue 프로젝트를 생성해준다.터미널 하나 더 추가 후 상위 폴더로 진입vue-cli (vue 명령어 도구) 설치s
vue 프로젝트 폴더로 접근 후 서버를 실행이때 eslint 에서 에러가 새로 업데이트되어 잘못 입력했을 시 다음과 같이 화면을 덮는 기능이 발생한다.이렇게 되면 화면을 조정할 수 없기 때문에 해당 기능은 꺼주도록 하자.eslint 빨간줄 기능이 작동하지 않을 때 ⇒
Prettier: 코드 정리 도구ESLint: 자바스크립트 코드에서 발견되는 문제시되는 패턴들을 식별하기 위한 정적 코드 분석 도구Prettier 설정을 위해 다음과 같이 루트 경로에 .prettierrc 라는 파일을 생성 후 작성뷰 cli 로 프로젝트를 생성할 때 o
v-model 을 이용해서 체크박스를 만들어보는 과제를 받았다. v-model 에 대한 개념을 잘 파악한 뒤, 우여곡절 끝에 체크박스를 구현하는데 성공했다. 그리고 여기서 그치지 않고 전체로 체크되는 체크박스도 한 번 구현해보았다.vue 에서는 부모에서 자식 컴포넌트로
회사 사이트 고도화 작업에서 탭 메뉴를 구현하는 중에 에러가 떴다. 에러의 원인을 해결하여 정리해보자. 탭기능 중 한 곳은 스와이퍼, 다른 한쪽은 스크롤 매직 라이브러리를 사용한 상황이다. 2탭인 상태에서 1탭을 다녀왔다가 다시 2탭을 돌아오면 스크롤 fixed 가 작