네! 한국어 요약과 영어 요약을 따로 구분해서, 보기 쉽게 정리해드릴게요. 각 항목별로 코드 블록도 포함하겠습니다. 🇰🇷 한국어 요약 1. Swift의 Generics와 associatedtype Swift의 associatedtype은 프로토콜에서 타입을 추상적으로 지정할 때 사용합니다. Java의 인터페이스에서 제네릭 타입 파라...

그게 말이다 프로젝트 진행중에 데이터 저장시에 웹사이트가 재로딩되는 이슈가 있었는데 바로 db.json 문제였다. vite.config.js 파일에 import eslint from "vite-plugin-eslint" import path from 'path'; // https://vite.dev/config/ export default def...

13장: Pinia를 이용한 상태 관리 이 장에서는 Pinia를 사용해 Vue 애플리케이션의 상태를 관리하는 방법을 초급 개발자向け로 설명합니다. 각 주제에는 간단한 Vue 코드 예시와 요약이 포함됩니다. 13.1 Pinia란? <script> import { defineStore } from 'pinia'; export const ...

11장: axios를 이용한 HTTP 통신 11.1 axios란? <script> import axios from 'axios'; export default { methods: { fetchData() { axios.get('https://api.example.com/data'); } } }; </...

9장 Composition API 9.1 Composition API란? Composition API는 Vue 3에서 제공하는 새로운 컴포넌트 구성 방식입니다. 9.2 setup 메서드를 이용한 초기화 <!-- MyComponent.vue --> <script> export default { setup() { r...

8장 컴포넌트 심화 8.1 단일 파일 컴포넌트에서의 스타일 8.1.1 범위 CSS <!-- MyComponent.vue --> <template> <p class="text">Hello</p> </template> <style scoped> .text { color: blue; ...

7장 단일 파일 컴포넌트를 이용한 Vue 애플리케이션 개발 7.1 프로젝트 설정 도구 7.1.1 Vue CLI 도구 <!-- Vue CLI로 프로젝트 생성 --> vue create my-project Vue CLI는 Vue 프로젝트를 빠르게 설정하는 공식 도구이다. 설치 시 기본 컴포턴트 설치를 권유하여 템플릿 생성에는 용이 7....

10장 vue-router를 이용한 라우팅 10.1 vue-router란? vue-router는 Vue.js에서 페이지 간 이동을 관리하는 공식 라우팅 라이브러리입니다. 바이트로 깔면 일일이 다 설치해줘야됨. 특히 main.js 에 app.use(‘router”) 인가 안썼다고 두시간 날렸음 10.2 vue-router의 기본 사용법 <!...

Vue에서 watch와 watchEffect는 반응형 데이터 변화를 감지하고 처리하는 두 가지 중요한 기능입니다. watch 특정 반응형 데이터(ref, reactive, computed 등)의 변화를 감시합니다. 명시적으로 감시할 대상을 지정해야 합니다. 이전 값과 현재 값에 모두 접근할 수 있습니다. 옵션을 통해 동작을 세밀하게 ...

“케밥”, “파스칼”, “카멜”은 프로그래밍에서 변수, 함수, 클래스 등의 이름을 짓는 네이밍 컨벤션(naming convention)을 가리킵니다. 이 세 가지는 주로 단어 사이를 어떻게 구분하느냐에 따라 나뉘며, 각각의 특징과 사용 사례를 비교해볼게요. 1. 케밥 케이스 (Kebab Case) 형태: 단어 사이를 하이픈(-)으로 연결, 모두...