Vue.js 시작 ⚙️설치 프로그램 > - VSCode VScode 설치 node.js 노드 vue.js 확장 프로그램 vue.js 확장 프로그램 깃허브에서 다운로드 zip 후 폴더 복사 ![](https://velog.velcdn.com/imag
routes: 라우팅 할 URL과 컴포넌트 값 지정\-> 안에 객체로 들어감url에서 path를 적어주면 해당 컴포넌트안에 담은 내용이 router-view에 담긴다.a태그와 비슷하다.한번에 두개를 생성할 때는 router-link\*2라고 하면 됨라우터는 페이지를 이
this.num -> data num컴퓨티드 속성은 단순히 뷰 템플릿 코드의 가독성만 높여줄 뿐만 아니라 컴퓨티드 속성의 대상으로 정한 data 속성이 변했을 때 이를 감지하고 자동으로 다시 연산해주는 장점이 있습니다.참고 문서(https://joshua198
Vue.js VSCode 플러그인 TSLint 추가 제작할 사이트 & API 소개 해커 뉴스 show / ask / jobs를 사용하여 제작 hacker news api 깃허브 애플리케이션 라우터 설계 show / ask / jobs 페이지 리스트 출력 ask에
상태 관리 도구 / 여러 컴포넌트가 공유되는 데이터 속성state : 컴포넌트 간에 공유할 dataview : 데이터가 표현될 templateactions : 사용자의 입력에 따라 반응할 methodsindex.jsmain.jsSET_NEWS -> news = resp
Getters 사용해서 computed하기📂 storeindex.jsItemView.jshtml 태그를 적용해서 뿌려야할때는 v-html를 써야한다.vue.js 공식문서(https://vuejs.org/api/built-in-directives.html폰드
속성을 사용해서v-if / v-else if / v-else를 사용할 수 있다.또한 router-link 속성안에서도 v-if 속성을 사용할 수 있다.ListItem.vue디자인 끝UserView.vue📂 componentsUserProfile.vueItmeView
Axios delete 요청할 때 계속 400 에러와 함께Required Request Body is missing 에러메시지가 떴다.delete query String으로 보내면 안되기 때문에 reqeust body로 보냈음에도 다음 같은 에러가 떴다.swagger(
참고 : \[WEB] 📚 악명 높은 CORS 개념 & 해결법 - 정리 끝판왕 👏CORS(Cross-Origin Resource Sharing) 의 "Cross-Origin Resource Sharing" 문장을 직역하면 "교차 출처 리소스 공유 정책"이라고 해석할
찜하기 목록에서 삭제하고 싶은 찜 상품 삭제하기버튼 @click 이벤트를 구현할 것이다.메소드안에 가져올 productNum를 넣어주면 끝가져온 값을 val이라고 하면val을 request에 담아서 보내면 끝!
구현방법을 알려주기 전에 일단 v-model을 사용하지 않았다.v-model를 하려면 data에 default값을 넣어놔야하는데 그럼 원래의 회원정보가 불러오지 못하고 공백처리가 되었다.비밀번호확인 빼고는 javascript처럼 document.getElementByI
쇼핑몰 찜하기 구현 >1. 찜하기 전엔 빈하트 / 빈하트를 누름과 동시에 찜하기 성공 찜한 후 빨간 하트 / 빨간 하트 누름기ㅘ 동시에 찜하기 취소 찜하기 / 찜하기 취소 버튼 >1. 찜하기 버튼에 @click = "liked" 이벤트 발생 찜취소 버튼에 @click
쇼핑몰을 하면서 금액에 콤마를 구현해야하는 일이 생겼다.구글에 검색하면 filter를 사용하여 comma를 넣어서 하는데vue 버전이 올라가면서 filter 기능이 사라졌다고 한다그러다가 찾은 방법이다.전혀 어렵지 않은 방법으로 구현했다.Number안에 금액을 넣어주고
뷰에서 권고하는 HTTP 통신 라이브러리는 액시오스(Axios)입니다.Promise 기반의 HTTP 통신 라이브러리이며 상대적으로 다른 HTTP 통신 라이브러리들에 비해 문서화가 잘되어 있고 API가 다양합니다액시오스 참고자료(https://joshua1988
📂 routerrequireAuth.js관리자의 권한이 필요하는 로직을 짜는 거 같은데아마 next()로 그냥 이동하게 한거 같다.to : 이동할 url 정보가 담긴 라우터 객체from : 현재 url 정보가 담긴 라우터 객체next : to에서 지정한 url로 이동