코딩애플 (31) 썸네일형 리스트형 [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 설치 왜함.. [코딩애플-자바스크립트] 모든 괄호를 없애주는 Spread Operator 활용방법 1 [코딩애플][nodeJS] 1주차 새로운 폴더에 1. npm init package.json 으로 뭐 사용하는지 정리해줌 2. npm install express express 는 사전같은 거임 , 설치하면 node_module 폴더 안에 책 개많은 폴더 생김 실행시키는 방법은.. 3. node server.js 서버 재실행 귀찮음..? 4. npm install -g nodemon 5. nodemon server.js 6. 노드몬 작동 안함? executionpolicy를 파워쉘에 써봐 executionpolicy unrestricted --> y html 파일을 nodejs로 불러오기 7. res.sendFile(__dirname + '/index.html'); 아니.. 쿠키 차단 스크립트를 복붙해서 index.html을 경로에 붙여.. [1~4] React 1강 React 강의 OT : 왜 리액트가 필요한가 핫하다고 해서 프론트 개발자는 리액트로 웹페이지 잘 만들더라 2강 리액트 React 설치와 개발환경 셋팅 (2021 ver) nodejs를 설치해라 nodeJS 왜 설치하는가? npm 툴이 딸려오기 때문이다. 그걸로 라이브러리 설치하려고~~ create React App 라이브러리 사용하려고 설치한거다. 에디터 설치해라 visual studio npx create-react-app blog npx : 라이브러리 설치 도와주는 명령어, nodejs 설치 되어있어야 사용 가능 create-react-app: 리액트 세팅 다된 boilerplate, 만들기 쉽게 도와주는 라이브러리 blog: 프로젝트 명, 아무거나 적으셈 yarn은 왜 뜨는거지?? https.. 이전 1 2 3 4 다음
