분류 전체보기 (135) 썸네일형 리스트형 vue repository 초기화 vue 일하다가 repository를 설정할 일이 있었다. git repository list 이렇게 하면 목록들이 나와서 내가 npm install vue를 하면 막혔다. 그래서 cmd 창에서 아래와 같이 입력하니 초기화가 되었다.del %USERPROFILE%\.npmrc 다시 npm install vue@latest 하면 되었다. 2024 React Full Course (feat. Recoil) - 1. React router 설정 https://www.youtube.com/watch?v=Yv5tSNr4h2c&list=WL&index=14 지난 시간에 npm, yarn을 혼용하는거에 대해 왜 이렇게 하지라는 생각이 들었는데... 강의 초반에 이것에 관해 사과를 하더라... 저번 블로그에 적지를 못한게 있는데프로젝트 생성되면 App.css, index.css 삭제를 해준다.main.tsx 에 있는 import './index.css' 부분을 삭제해준다. 그 이후 App.tsx 파일로 가서 기존 코드는 다 삭제해주시고 rfce를 입력해주시면 된다. App.tsx 에 import React from 'react'import { BrowserRouter, Routes, Route } from 'react-router-dom'import .. 2024 React Full Course (feat. Recoil) - 1. 기본 세팅 vue 만 알고 있으면 나중에 다른 프로젝트에 투입될 때 불리할 거 같아서 시간이 날 때 react공부를 해보기로 했다.https://www.youtube.com/watch?v=Yv5tSNr4h2c&list=WL&index=14 위 유튜브를 참고하였습니다.#desktop으로 이동cd desktop#설치npm create vite@latest#Projcet-namereact-album#Select a fraemworkReact#Select a variantTypeScript#프로젝트로 들어가서cd react-album#npm 설치npm install#프로젝트 열기code . -r - 확장팩 설치=> ES7+ React/Redux/React-Native snippets - 플러그인 모듈 설치 1. api .. [코딩애플] Vue 로 만드는 직방 / 인스타그램 웹앱 - 클론코딩.6 https://www.youtube.com/watch?v=38PWm8TgaV0&list=PLfLgtT94nNq3Br68sEe26jkOqCPK_8UQ-&index=7 실제 데이터를 가져와서 HTML에 꽂아보여주자 import / export #단일 exportvar apple = 10;export default apple #다중 exportvar apple = 10;var apple2 = 100;export {apple, apple2} 유튜브에 강의가 있길래 전부 무료인줄... 유료더라...다른 클론코딩 강좌를 찾아본다 [코딩애플] Vue 로 만드는 직방 / 인스타그램 웹앱 - 클론코딩.5 https://www.youtube.com/watch?v=UyESqYSb0gY&list=PLfLgtT94nNq3Br68sEe26jkOqCPK_8UQ-&index=6 vue 모달창 만들기 동적인 UI 만드는 법1. UI의 현재 상태를 데이터로 저장해둠2. 데이터에 따라 UI가 어떻게 보일지 작성 v-if 사용 [코딩애플] Vue 로 만드는 직방 / 인스타그램 웹앱 - 클론코딩.4 https://www.youtube.com/watch?v=Agm-F366ZwY&list=PLfLgtT94nNq3Br68sEe26jkOqCPK_8UQ-&index=5 - 이벤트 핸들 -> HTML 클릭시 코드 실행하는 법 - click 허위매물 신고신고수 : 0 이렇게 쓰거나 축약해서 허위매물 신고신고수 : 0 이렇게 쓴다 허위매물 신고신고수 : {{ 신고수 }} => 최종 {{ a }} {{products[0]}} 50만원 허위매물 신고신고수 : {{ 신고수 }} {{products[1]}} 70만원 {{products[2]}} 70만원 {{ dong }} 50만원 .. [코딩애플] Vue 로 만드는 직방 / 인스타그램 웹앱 - 클론코딩.3 https://www.youtube.com/watch?v=T4N9wjx7_E4&list=PLfLgtT94nNq3Br68sEe26jkOqCPK_8UQ-&index=4 {{ a }} {{ a }} 변수작명 2개까지 가능 => (a, i)- 왼쪽변수는 array내의 데이터- 오른쪽변수는 1씩 증가하는 정수 [코딩애플] Vue 로 만드는 직방 / 인스타그램 웹앱 - 클론코딩.2 https://www.youtube.com/watch?v=0BbF7UxKKvg&list=PLfLgtT94nNq3Br68sEe26jkOqCPK_8UQ-&index=3 {{데이터바인딩}} : JS데이터를 HTML에 꽂아넣는 문법 XX 원룸 {{price1 }} 만원 XX 원룸 {{ price2 }} 만원 !!!데이터 바인딩 하는 이유!!!1. HTML에 하드코딩해놓으면 나중에 변경 어려움2. Vue의 실시간 자동 렌더링 쓰려면 하셈 HTML 속성도 데이터바인딩 가능 => :속성="데이터 이름" [코딩애플] Vue 로 만드는 직방 / 인스타그램 웹앱 - 클론코딩.1 https://www.youtube.com/watch?v=NONWar0jGLM&list=PLfLgtT94nNq3Br68sEe26jkOqCPK_8UQ-&index=2 - Node.js 설치- VScode 설치 npm install -g @vue/cli - vscode extension => vetur 설치 => HTML CSS Support 설치 => Vue 3 Snippets 설치 하고 나서 하려는데 이 강좌는 3년 전 꺼라서 vue 입력하면 vue : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\---\AppData\Roaming\npm\vue.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.c.. [코딩애플] Vue 로 만드는 직방 / 인스타그램 웹앱 - 클론코딩.0 1월에는 글을 좀 썼는데 2월에는 정신을 못차리고 있다...축구선수도 아니고 2월에 축구를 4번 뛰고... 교회 애들 데리고 아이스링크장 가서 40바퀴 이상 타니까...몸이 남아나질 않는다...오늘은 2월 28일 어제 선임을 통해서 vue+spring 조합인 새로운 프로젝트에 내가 들어갈 거 같다는 이야기를 들어서한달간 손을 놓았던 vue를 공부하려고한다... 예전에 했던거 또 보려니 재미도 없고 해서 새로운 거 알아보다가 유튜버 [코딩애플] 님의 Vue로 만드는 직방/ 인스타그램 웹앱을 클론코딩 하려고한다. 내용이 재미있는게 빡대가리여도 배울 수 있다는거였다 ㅎㅎㅎ https://www.youtube.com/watch?v=-tVaahsXpwk&list=PLfLgtT94nNq3Br68sEe26jkOqCP.. 이전 1 2 3 4 5 6 7 8 ··· 14 다음
