코딩(95)
-
?? 와 ||의 적절한 사용
1. || (logical OR) 나는 흔히 TypeScript를 사용하며, null 또는 undefined가 나올 수 있는 상황에 || 연산자를 애용했다. 보통 api응답 데이터를 관리하는 경우 해당 응답이 의도와 다른 값이 오는 것을 방지하고자 사용한다. 아래 코드를 같이보며 || 연산자를 적절하게 사용했는지 같이 보도록 하자. const apiRes = { price: 0, available: false, name: "" };const displayPrice = apiRes.price || 1000; const displayAvailable = apiRes.available || true; const displayName = apiRes.name || "이름 없음"; 만약 내..
01:20:41 -
Vue - 단방향 데이터 전달 emit (리액트와의 비교)
1. 학습 목표 Vue에서 지향하는 단방향 데이터 전달을 이해하고,자식 컴포넌트에서 부모 컴포넌트의 상태를 변화시키는 emit에 대해 알아보자 2. 핵심 개념 요약 리액트와 마찬가지로 Vue에서도 단방향 데이터 전달을 지향하지만 리액트와는 사뭇 다른 느낌이다. React에서의 통신방식 // 부모 컴포넌트function ParentComponent() { const [count, setCount] = useState(0); return ( );}// 자식 컴포넌트function ChildComponent({ onCountChange }) { const handleClick = () => { onCountChange(42); // 부모의 함수를 직접 호출 }; return 변..
2025.07.25 -
Vue - Options API, Composition API
VueVue는 웹 사용자 인터페이스를 만들기 위한 쉽고 강력하며 다재다능한 프레임워크이고, 잘 알려진 장점으로는 접근성 & 낮은 러닝커브라는 점이고, 준수한 퍼포먼스를 보여주기에 많이 사용된다. 프레임워크를 제공 (라이브러리의 집합체) 통제권이 프레임워크 자체에 있어 자유도는 낮을지 몰라도 협업에 약속된 기능을 사용하기에 코드가 명시적임SPA 구조 : 하나의 페이지로 이루어져있어 유저가 원하는 정보만을 보여주는 방식SFC 구조 : 하나의 컴포넌트 내에서 html, css, js가 모두 관리가 된다. 다른 특징들도 많지만 이에대한 정보는 아래글을 참고하자.2025.06.24 - [코딩/Vue] - Vue와 React의 차이 Vue와 React의 차이개요자 000씨, Vue와 React의 공통점, 차이점을 ..
2025.07.05 -
Vue와 React의 차이
개요자 000씨, Vue와 React의 공통점, 차이점을 이야기해보세요. 누군가는 쉽게 답할 수 있을지 모르겠지만, 얼마전 내게 이런 질문이 들어왔을 때 쉽사리 대답을 못했다. Vue나 React의 특징을 말하자면 말하겠는데 이 특징들이 각 기술에 한정되는 특징인지도 모르겠고, 특히나 Vue는 7주라는 짧은 기간동안 학습과 개발을 동시에 진행하다보니, 자세히 모른다고 느꼈다. 공식문서, 블로그에서 이야기하는 차이점을 이해하고 지식이 부족한 Vue에 대해서도 좀 더 배워보려고 한다. 프레임워크, 라이브러리프레임워크와 라이브러리를 어떤 기준으로 분류하냐에 따라 답은 달라지겠지만,Vue의 경우 프레임워크, React는 라이브러리로 구분할 수 있다. 난 이제껏 다양한 기능을 제공하는건 프레임워크 특정 기능을 모..
2025.06.24