혼자 적어보는 노트

✅ 오늘의 학습 📌 Vue (4) - 컴포넌트 기초 - Parcel SFC 프로젝트 구성 - Webpack SFC 프로젝트 구성 - ESlint 설정 하위 컴포넌트의 이벤트 수신하기 props는 외부에서 들어오는 데이터이기 때문에 readonly이다. 그래서 데이터를 수정하려면 데이터가 들어오는 외부에서 변경을 해주어야 한다. const App = { data() { return { fruits: [ { id: 1, name: "apple" }, { id: 2, name: "orange" }, { id: 3, name: "banana" }, ], }; }, methods: { toUpper(fruit, upperText) { fruit.name = upperText; // 받은 fruit 데이터를 대문자..

✅ 오늘의 학습 📌 Vue (3) - 조건부 렌더링 - 리스트 렌더링 - 이벤트 핸들링 - 폼 입력 바인딩 조건부 렌더링 v-if / v-else-if / v-else 조건에 맞는 값에 따라 출력되는 결과를 정할 수 있다. if else-if else!! template template 태그를 사용하면 조건 만족 시 template 내부의 엘리먼트들만 출력된다. 안녕하세요 💡 v-show와 v-if 차이 v-if 데이터가 falsy값일 경우 해당 엘리먼트의 렌더링 자체를 하지 않고 라는 주석이 생긴다. * 초기 렌더링 비용이 낮지만 전환 비용이 높다. v-show 데이터가 falsy값일 경우 해당 엘리먼트는 존재하지만 스타일 속성인 display가 none이 된다. * 초기 렌더링 비용이 높지만 전환 비..