본문 바로가기
반응형

전체 글255

폭스바겐 골프 GTI 8세대. 서민들의 포르쉐 그리고 I30N 폭스바겐 골프 GTI 서민들의 포르쉐 6년만에 돌아왔다. 언제나 미친 가성비 서민들의 포르쉐라고 불리는 고성능 버전 핫해치 골프 GTI. 골프 GTI 특징 Real performance icon 8세대 견고한 움직임, 민첩한 핸들링, 업그레이드된 서스펜스 궁극의 퍼포먼스... 누구도 부정하지 않는 전통의 극강의 해치백이지만... 만약 국내에 I30N이 출시된다면... 모르겠다. 왜 현대자동차는 국내에 i30N을 시판하지 않는지... 좋은 차인데 그리운 매뉴얼 기어. 7세대 모델 이후 디젤게이트 사건으로 판매가 중단되었던 골프. 서민의 포르쉐. 집 앞에 폭스바겐 매장이 있어서 구경 갈 계획인데 디자인이 예전만 못한 듯하다. 개인적으로 매뉴얼(스틱)이 없다면 몬 재미로 골프를 타지... 수동모델은 없는 거 .. 2022. 12. 28.
Vue.js 강좌 심화 배열 다루기 조건, 반복 디렉티브 v-if, v-for 12 Vue.js 강좌 심화 배열 다루기 조건, 반복 디렉티브 v-if, v-for 12 많은 양의 데이터를 반복 표시하는 방법으로 테이블로 만들어 본다. 유명한 축구 5개국의 최근 4년간 피파랭킹 순위를 배열로 선언, 테이블로 표현하는 예제다. 소스 Vue.js 강좌 심화 배열 다루기 조건, 반복 디렉티브 v-if, v-for 12 피파랭킹 {{ header }} {{ country }} 실행 결과 설명 1. 테이블 헤더 부분은 v-for=header in headers로 만들었다. 테이블의 상단 제목이다. 2. 테이블의 내용을 1행씩 반복하는 데이터를 v-for="line in ranking"으로 하나씩 뺐으며 3. 익명 변수 line을 다시 v-for="country in line" 으로 각 행별 데이터.. 2022. 12. 28.
Vue.js 강좌 조건, 반복 (v-if ,v-for) 11 Vue.js 강좌 조건, 반복 (v-if ,v-for) 11 이전 강의 2022.12.28 - [Web Front 개발공부/Vue.js] - Vue.js 강좌 파라미터를 전달하여 이벤트 처리 v-on 10 Vue.js 강좌 파라미터를 전달하여 이벤트 처리 v-on 10 Vue.js 강좌 파라미터를 전달하여 이벤트 처리 v-on 10 이전 강의 2022.12.27 - [Web Front 개발공부/Vue.js] - Vue.js 강좌 이벤트 처리 방법 v-on 09 Vue.js 강좌 이벤트 처리 방법 v-on 09 Vue.js 강좌 이벤트 처리 방 ecolumbus.tistory.com 이번 포스팅은 Vue에서는 조건 분기와 반복 디렉티브를 어떤 식으로 사용하는지 상세히 알아본다. v-if v-for 1. 조.. 2022. 12. 28.
Vue.js 강좌 파라미터를 전달하여 이벤트 처리 v-on 10 Vue.js 강좌 파라미터를 전달하여 이벤트 처리 v-on 10 이전 강의 2022.12.27 - [Web Front 개발공부/Vue.js] - Vue.js 강좌 이벤트 처리 방법 v-on 09 Vue.js 강좌 이벤트 처리 방법 v-on 09 Vue.js 강좌 이벤트 처리 방법 v-on 09 이전 강좌 2022.12.27 - [Web Front 개발공부/Vue.js] - Vue.js 강좌 심화 양방향 바인딩 v-model 08 Vue.js 강좌 심화 양방향 바인딩 v-model 08 Vue.js 강좌 심화 양방향 바인딩 v-mo ecolumbus.tistory.com button 태그에 v-on 디렉티브를 코딩해서 Vue.js에서 이벤트 처리를 어떻게 하는지 저번 시간에 이어 기능을 구현한다. 이번 포.. 2022. 12. 28.
Vue.js 강좌 이벤트 처리 방법 v-on 09 Vue.js 강좌 이벤트 처리 방법 v-on 09 이전 강좌 2022.12.27 - [Web Front 개발공부/Vue.js] - Vue.js 강좌 심화 양방향 바인딩 v-model 08 Vue.js 강좌 심화 양방향 바인딩 v-model 08 Vue.js 강좌 심화 양방향 바인딩 v-model 08 이전 강의 2022.12.27 - [Web Front 개발공부/Vue.js] - Vue.js 강좌 양방향 바인딩 v-model 07 Vue.js 강좌 양방향 바인딩 v-model 07 Vue.js 강좌 양방향 바인딩 v-model 07 이전 ecolumbus.tistory.com 이벤트 관련해서는 v-on 디렉티브를 사용한다. 이번 포스팅에서는 v-on 디렉티브를 사용해 이벤트를 처리하는 방법을 실습해 본다.. 2022. 12. 27.
BMW 7 시리즈 2023 풀 체인지 모델 BMW 7 시리즈 2023 풀 체인지 모델 시어터 스크린 천장에서 부드럽게 내려오는 웅장한 스케일의 엔터테인먼트 시스템. Amazone Fire TV가 탑재되어 있고 YuTube영상 스트리밍 기능도 제공한다. 도어에 장착된 라우드 스피커는 극장에서의 경험을 느낄 수 있다고한다. 도어 터치 스크린 컨트롤러 뒷좌석 도어에 장착된 5.5인치 터치 스크린 패널. 시어터 스크린, 조명, 에어컨디셔니 및 시트조절이 가능하다. 외관 디자인 웅장함, BMW 중 최고라고 스스로 말하는 듯한 아이덴티가 분명한 키드니 그릴과 수평으로 분리된 헤드라이트. 헤드라이트는 스와로브스키 크리스털로 제작했다고 한다. BMW 뉴 7 시리즈. 시각과 청각 그리고 온몸으로 럭셔리함을 느낄 수가 있다. 자동도어 시스템. 롤스로이스와 동일한 .. 2022. 12. 27.
Vue.js 강좌 심화 양방향 바인딩 v-model 08 Vue.js 강좌 심화 양방향 바인딩 v-model 08 이전 강의 2022.12.27 - [Web Front 개발공부/Vue.js] - Vue.js 강좌 양방향 바인딩 v-model 07 Vue.js 강좌 양방향 바인딩 v-model 07 Vue.js 강좌 양방향 바인딩 v-model 07 이전강의 2022.12.26 - [Web Front 개발공부/Vue.js] - Vue.js 강좌 뷰 인스턴스 06 Vue.js 강좌 뷰 인스턴스 06 Vue.js 강좌 뷰 인스턴스 06 이전 강좌 2022.12.25 - [Web Front 개발공 ecolumbus.tistory.com 실행 (오늘 구현해볼 기능) 이전 포스팅에 이어 v-model 심화 학습을 한다. 1. 체크박스 체크 시 참, 거짓 boolean 상.. 2022. 12. 27.
Vue.js 강좌 양방향 바인딩 v-model 07 Vue.js 강좌 양방향 바인딩 v-model 07 이전강의 2022.12.26 - [Web Front 개발공부/Vue.js] - Vue.js 강좌 뷰 인스턴스 06 Vue.js 강좌 뷰 인스턴스 06 Vue.js 강좌 뷰 인스턴스 06 이전 강좌 2022.12.25 - [Web Front 개발공부/Vue.js] - Vue.js 강좌 Html 요소의 속성 지정 v-bind 05 Vue.js 강좌 Html 요소의 속성 지정 v-bind 05 Vue.js 강좌 Html 요소의 속성 지정 v-bind 05 ecolumbus.tistory.com 유저는 정보를 웹페이지에 입력하고 선택하기도 하고, 그 결과를 브라우저에서 볼 수도 있습니다. 이러한 기능을 가능하게 Vue.js는 v-model 디렉티브 기능을 제공.. 2022. 12. 27.
디올뉴그랜저와 K8 비교 디 올 뉴 그랜져와 K8 비교 2022년 하반기 디 올 뉴 그랜져가 출시되었다. K8이 당연히 비교 대상이다. 워낙 풀체인지된 디 올 뉴 그랜저가 이슈라 차에 관심이 많은 나도 한번 비교 포스팅을 해본다. 외관 외장 그랜저 이거 디자인이 난감하다. 호불호가 극명하게 갈릴 듯하다. 기함급인거 같으면서도 약간은 촌스럽다. 흔하지 않은 파라매트릭 패턴 라디에이터 그릴 세련되보이는 수평형 LED 램프 K8 잘 빠지고 늘씬한 외모, 메카닉 스러움, 그리 파격적이지 않은 준수한 미래지향적 라디에이터 그릴은 남성미가 넘친다. 단점이라면 그냥 흔한 모습. 예상되는 디자인. 실내 1 내장 그랜져 핸들 역시 새로운 무언가를 시도하는 인터렉티브 라이트 핸들. 오른쪽에 있는 전자식 변속 레버 2022. 12. 26.
반응형

티스토리툴바