코딩애플/코딩애플-vue.js (13) 썸네일형 리스트형 [8] 모달창 내에 상세페이지 만들기 모달창 내에 상세페이지 만들기 {{ 원룸들[누른거].title }} {{ 원룸들[누른거].price }} 만원 {{ 원룸들[누른거].content }} 닫기 {{ menu }} {{ logo }} {{ product.image }} {{ product.title }} {{ product.price }} 만원 허위 매물 신고 신고 수: {{ 신고수[i] }} [7] import / export 실제 데이터를 박아넣어 상품목록을 만들자 (import / export) 이미지가 안나와???? {{ product.image }} 속성에 데이터를 넣을 때는 앞에 콜론을 붙여서 {{ product.image }} 상세 페이지 상세 페이지 내용임 닫기 {{ menu }} {{ logo }} {{ product.image }} {{ product.title }} {{ product.price }} 만원 허위 매물 신고 신고 수: {{ 신고수[i] }} [6] v-if 와 모달창 만들기 v-if 와 모달창 만들기 (Vue에서 동적인 UI 만드는 법) 이미지를 for문으로 각각 가져오기 {{ menu }} {{ logo }} {{ profileUrl[i] }} {{ product }} {{ prices[i] }} 만원 허위 매물 신고 신고 수: {{ 신고수[i] }} Vue 모달창 만들기 상세 페이지 상세 페이지 내용임 {{ menu }} {{ logo }} {{ profileUrl[i] }} {{ product }} {{ prices[i] }} 만원 허위 매물 신고 신고 수: {{ 신고수[i] }} 상세 페이지 상세 페이지 내용임 닫기 {{ menu }} {{ logo }} {{ profileUrl[i] }} {{ product }} {{ prices[i] }} 만원 허위 매물 신고 신.. [4,5] v-for, @click(이벤트 핸들러) [4] 리액트보다 100배 쉬운 Vue 반복문 v-for 나브바 메뉴 만들기 Home Products About {{logo}} {{products[0]}} {{price1}} 만원 {{products[1]}} {{price2}} 만원 {{products[2]}} {{price2}} 만원 {{작명}} {{logo}} {{products[0]}} {{price1}} 만원 {{products[1]}} {{price2}} 만원 {{products[2]}} {{price2}} 만원 숙제 상품 목록을 for문 사용해봐 {{ menu }} {{ logo }} {{ product }} {{ prices[i] }} 만원 선생 답안 (a,i) 에서 a는 전달되는 값 i는 0부터 시작하는 숫자 {{products[a]}}.. [1,2,3] vue 설치, 데이터 바인딩 [1] vue 장점 [2] vue 설치 개발환경 세팅 nodejs설치하기 최신버전으로 윈도우, 맥은 똑같음 npm install -g @vue/cli 뷰 cli 를 설치함.. 뷰 환경을 설치해줌 에디터 부가기능: extensions vetur html css support vue 3 snippets npm install --global yarn yarn global add @vue/cli 프로젝트 생성 vue create 프로젝트명 vue create vuedongsan 폴더로 열기 npm run serve 실시간 미리보기 [오류 발생함] 이거 안되면 nodejs 버전이 17이라서 그래.. 16으로 다운그레이드 해줘 어떻게 하냐고? 제어판에서 nodejs삭제하고 다시 다운 받아.. nodejs 설치 왜함.. 이전 1 2 다음
