{{ 원룸.title }} {{ 원룸.price }}원 for문으로 이렇게 데이터를 뿌려줬다. 클릭할 때마다 상세내용이 나오면 좋겠는데 클릭한 컨텐츠가 보이면 좋겠다. export default { name: 'App', data(){ return { 누른거 : 0,'누른거'라는 state를 만들고 클릭하면 '누른거'에 id 값을 넣을 것이다. 그럼 모달창에서는 이렇게 보이면 된다. {{ 원룸들[누른거].title }} {{ 원룸들[누른거].content }} 닫기 안녕하세요1 안녕하세요2 안녕하세요3 else는 바로 위가 참이 아니면 대신 작동한다.
var apple = 10;export default apple;apple.js App.vue 2개 이상은 이렇게 export default [{ id : 0, title: "Sinrim station 30 meters away", image: "https://codingapple1.github.io/vue/room0.jpg", content: "18년 신축공사한 남향 원룸 ☀️, 공기청정기 제공", price: 340000 }, { id : 1, title: "Changdong Aurora Bedroom(Queen-size)", image: "https://codingapple1.github.io/vue/room1.jpg", content: "침실만 따로 있는 공용 셰어하우스입니다..
허위매물신고 신고수 : 0 허위매물신고 신고수 : 0 --- 축약형 export default { name: 'App', data(){ return { 신고수 : 0, products: ['역삼동원룸','천호동원룸','마포구원룸'], 메뉴들 : ['Home','Shop', 'About'], } }, components: { }}... 허위매물신고 신고수 : {{ 신고수 }} 버튼을 누를 때마다 신고수가 1씩 증가한다. 랜더링이기에 다시 html을 뿌리거나 하지 않아도 됌 @click뿐 아니라 @mouseover, @change 등 자유롭게 사용이 가능하다. 허위매물신고 신고수 : {{ 신고수 }} 이렇게 함수를 만들 수 있다 (javasc..
1. 일단 node.js를 설치한다.2. 터미널을 연다 vue.js 설치npm install -g @vue/cliEACCES: permission denied 가 난다면 명령어 앞에 sudo를 넣어본다. 비쥬얼 스튜디오를 사용한다면 vue.js 코딩을 편하게 하는 extension이 있다. - Vue 3 Snipperts- html css support- vetur vue.js 프로젝트 생성vue create 프로젝트명 프로젝트를 생성하면 코딩은 어디에 하는가?App.vue에 하면 된다. 쉽게 설명하자면template : html 코드 넣을 곳script : 자바스크립트 넣을 곳style : css 넣을 곳이라 생각하면 된다. 서버를 띄우기 명령어npm run serve 만약 권한에 저장이 막힌다면su..
- Total
- Today
- Yesterday
- ArgumentResolver
- 향해99
- BindingResult
- SpringBoot
- rejectValue
- jpa api
- hypertexttransferprotocol
- HTTP
- 리터럴
- 백엔드 개발자 공부
- 항해플러스
- 향해플러스
- 컨트
- 예외처리
- reject
- Java
- JPA
- 백엔드 개발자 역량
- react실행
- 스프링부트
- thymleaf
- 스프링공부
- 인터셉터
- Intercepter
- React
- filter
- 로그인
- 항해99
- 향해플러스백엔드
- exception
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |