전국 인터넷 컴퓨터 게임 시설 지도

블로그 리뷰

• 인라인 이벤트 처리 v-on 디렉티브를 사용하여 DOM이벤트를 처리 기본 문법 v-on:이벤트명="표현식"/ v-on:click="count++" 단축표현 @이벤트명="표현식" / @click="count++" 이벤트 객체가 필요한 경우 @click="test($event)" ​ ​ 인라인 이벤트 처리는 간단한 로직에만 사용 템플릿 내부에서 복잡한걸 처리하면 코드...

  잡다한 후기창고(2026-04-05 23:58:00)

  
• 

  button @click="withdraw">인출</button> <br /> <h3>계좌 잔고 : [{{balance}}]</h3> </div> methods: { deposit() { let amt = parseInt(this.amount); if (amt <= 0) { alert('0보다 큰 값을 예금하세요.'); } else { this.balance += amt; } }, withdraw() { let amt = parseInt(this.amount); if (amt <= 0...

  3.0 Loading...(2026-04-19 23:36:00)

  
• 

  span @click="emit('delete-todo', todoItem.id)">삭제</span> <**** @*****.****="emit('delete-todo', todoItem.id)">삭제</span> 단순히 .stop 수식어를 하나 붙여주는 것만으로 이벤트 전파를 차단할 수 있었습니다. 로직 단(Script)에 방어 코드를 덕지덕지 붙이는 대신, 뷰(Template) 단에서 직관적으로 이벤트를...

  시나브로 기록하기(2026-03-28 19:26:00)

  
• 디자인 @click처럼 누가 봐도 "클릭하면 실행되겠구나" 싶은 문법을 써서 코드를 읽기가 훨씬 편해졌어요 ​ ​ ​ 코드를 줄이기 위해서 components / props&emits ​ 컴포넌트란? 컴포넌트는 쉽게 말해서 붕어빵을 100개 만들 때, 밀가루 반죽을 100번 손으로 빚는 건 너무 힘들잖아요? ​ 대신 붕어빵 틀 하나만 잘 만들어두면...

  소리(2026-04-12 22:42:00)

  
• 교육 후기 (HTML/CSS/JS 부터 웹의 아키텍처까지!) 안녕하세요! KB IT's Your LIfe 7기 기자단 미쯔입니다. 기자단에 선정된지 벌써 1주일이 넘었... blog.naver.com 📍혹시 KB IT's Your LIfe에서 배우는 웹 인터페이스 구축 교육이 궁금하다면 이전 블로그 글을 참고하세요 🔨Vue.js Vue.js Vue.js - 프로그래시브 자바...

  mmmjjjworld(2026-03-28 15:53:00)

  
• 

  button @click="handleAdd">금액 추가</button> </div> </template> 이렇게 이번 교육을 통해 Vue의 상태 관리에 대해 깊이 있게 다뤄보았는데요! React의 Redux와 비슷하면서도 Vue만의 직관적인 스타일이 녹아있어 정말 매력적인 도구라는 생각이 들었습니다. 기초를 탄탄히 다진 만큼, 앞으로의 프로젝트에서 Pinia를...

  TiLog(2026-04-13 16:20:24)

  
• 교육 후기 TIL ​ Vue 인라인 이벤트 처리 Vue 이벤트 전파 (Event Propagation) 이벤트는 DOM 구조를 따라 전파되며, 크게 3단계로 이루어집니다. ​ Capturing (포착 단계) 부모 요소 → 자식 요소 순서로 이벤트가 전달됩니다. ​ 2. Target 단계 이벤트가 실제로 발생한 요소에서 실행됩니다. ​ 3. Bubbling (버블링 단계...

  ˚ෆ*₊‧₊˚(2026-03-27 21:19:00)

  
• 

  촬영 후기를 들려드리려고 합니다. 화사한 가든 느낌의 신부대기실부터 밤하늘의 은하수를 옮겨놓은 듯한 본식 홀까지, 작가의 시선으로 본 이곳의 매력을 함께 확인해 보세요. 보타닉파크웨딩 서울특별시 강서구 마곡중앙5로 6 보타닉푸르지오시티 L층(로비층) 촬영작가로써 항상 주차장이 문제였는데 무려 1,000대나...

  Click Snap(2026-03-09 21:00:00)

  
• 

  false; }, }, template: ` <div> <h2>New Feature Page</h2> <p>This is a new feature page built with Vue.js.</p> <div class="my-3"> <button @click="fetchData" class="btn btn-info">Fetch API Data</button> <button @click="showDialog = true" class="btn btn-primary">Show Dialog</button> <button @click...

  ||가보자고||(2025-09-11 13:52:40)

  
• 

  none; background: none; cursor: pointer;">사용 방법</button> <button @click="activeTab = 3" :style="activeTab === 3 ? { borderBottom: '2px solid blue...padding: 10px; border: none; background: none; cursor: pointer;">고객 후기</button> </div> <!-- 탭 콘텐츠 --> <div style="padding: 20px 0;"> <div...

  코드박스81(2025-08-03 11:02:33)