Gopythor

Vue 4강 : 이벤트 핸들러로 허위매물 신고버튼 만들기

v-for를쓰면 3번 반복문이 돔.?? in ??를 쓰라고 했다.작명 in 33번 작명한 것으로 반복key도 적어줘야 함.역삼동만 3번 나온 이유는 코드를 그렇게 짯기 때문임.하드코딩을 했었음.인수를 2개 줄 수 있음.a는 하나하나 데이터가 됨.i는 0, 1, 2손수 붙인 거랑 별 다르게 됨.products를 적을 수도 있음.어떤 것을 클릭하면 실행되는 것.v-on = @텍스트가 아닌 숫자 0을 넣었음.그러나 vue는 html을 조정할 필요가 없음.뷰는 실시간 렌더링이 됨.++는 어떤 변수에 1을 더해달라는 것임.마우스를 올리면 실행이 됨.그중에 click을 가장 많이 쓸 것이다.함수를 넣을 수 있음.긴 코드를 짧게 한 단어로. 함수에 담아 놨으면 3줄이 실행이 됨. 함수를 만드는 공간 축약하고 싶은 ..

Vue/코딩애플 2024. 5. 13. 22:29

Vue 3강 : v-for 반복문 보니까 HTML도 프로그래밍 언어네

다양한 정보를 한 곳에 저장할 수 있음.어레이[1]을 하면 첫번째 자료가 나옴.0은 영번째 자료.자바스크립트의 어레이임.어레이를 넣으면 어레이가 그대로 나옴.지정해주면 역삼동 원룸이 나옴.Vue를 사용하면 반복문으로 쉽게 반복들을 처리할 수 있음.스타일을 주기 위해서는 class명을 주고나서 나중에 css에서 스타일을 지정.스타일링은 여기까지 함. 버튼 누른다고 보낼 페이지도 없음. 반복적인 내용을 짧게 축약할 수 있을까a태그를 여러개 생성해줄 수 있음.뷰의 반복문임.왼쪽 오른쪽에 키워드를 채워넣으면 됨.왼쪽 작명에는 아무 이름을 작명해도 되고 in에는 몇번 반복할 지 적는다.잘못 짜면 브라우저 혹은 터미널에서 에러 메시지가 나옴.에러 모르면 구글에 검색해라.일단은 작명한 것을 넣도록 해라.이렇게 하면 ..

Vue/코딩애플 2024. 5. 7. 22:19

Vue 2강 : 데이터바인딩 문법인데 이딴거 왜하는지 알려드림

실시간 미리보기 띄우기크롬에 붙여넣기미리보기가 가능해짐. 코드를 짜고 저장하면 바로 반영이 됨.에러가 뜨면 폴더 오픈을 제대로 한 것이 아니다.App.vue에 작성할 것임.Hello World 전부 지움.Vue라고 개발 방법이 특별히 다른 것은 아님.HTML, CSS로 작성하면 됨.쇼핑몰 상품들을 메인 사이트에 정렬해볼 것임.상품을 하나 더 만듬.그냥 가격을 직접 적어도 되지만, Vue 문법으로 작성해볼 것임.자바스크립트 데이터를 HTML에 넣을 수 있음.데이터바인딩은 예전에 생자바스크립트는 해당과 같이 작성했을 것이다.document부터 한줄 시작한다.vue에서는 데이터를 꼽아 넣으려면 어딘가에 저장해야 한다.자바스크립트는 변수 등에 저장했다.콤마 잊으면 안된다.return 중간이 데이터 보관함중괄호 ..

Vue/코딩애플 2024. 5. 6. 21:52

Vue 1강 : Vue 3버전 설치랑 셋팅

해당 내용 입력버전을 맞추고 싶다면 해당 버전 입력개발 환경 셋팅 끝yarn은 더 안정적이고 빠름.바탕화면에 만들었음.부동산 싸이트를 만든다고 했었음.선택하라고 했는데, Vue3을 선택하면 됨.대부분 nodeJS의 설치를 잘못해서 생기는 문제. app.vue에 코드를 짜면 된다. 저장만 하면 바로 반영됨.메인페이지지만 안에 아무것도 없다.main.js가 박아 넣고 있음.https://www.youtube.com/watch?v=NONWar0jGLM

Vue/코딩애플 2024. 5. 3. 22:33

Vue 0강 : 카카오가 리액트냅두고 Vue 쓰는 이유

Vue.js 쓰는 이유는 Web-app 만들 때 사용.Single Page Application 혹은 Web-App. 새로고침도 안되고 부드러움. 실제로 모바일처럼 쓸 수 있어서 WepApp이라고 부름.WepApp만들 때 사용하는 것이 VueJSReact나 Angular도 웹 앱을 만드는 툴임. 사용자수는 위의 순서대로이다. NAVER의 VIBE도 v.js로 개발된 것.회사에서 단체로 수강하러 올 때가 있음.쉬워서 사용함.다 똑같은 결과물을 만들 수 있음.React는 여러개지만 Vue는 v-for만 쓰면 된다.이런 특징들은 협업할 때 도움이 되는 것 같음.밀리세컨드 차이임장기적인 지원 걱정 Xhttps://www.youtube.com/watch?v=-tVaahsXpwk

Vue/코딩애플 2024. 5. 3. 21:44