전체 글376 [React] Compound Pattern 개념 Context API 이용하여 여러 종류의 컴포넌트가 하나의 로직을 공유할 수 있게 하는 방법 렌더링 IoC를 실현 가능 HTML 태그인 , 도 compound pattern에 해당 사례 컴포넌트 내용은 같지만, 구성 순서를 다르게 하고 싶을 때 - positionOrder같은 prop을 추가하고 렌더링 방식을 바꾸는 방식 - Render Prop 패턴을 이용하는 방식 나중에 유사한 변경사항이 발생한다면, 위의 방식에서 로직이 추가되어 복잡도가 높아진다. 합성 컴포넌트로 구성한다면, 기존 로직을 그대로 사용할 수 있으면서 각각 구성요소별로 별개의 컴포넌트로 분리할 수 있다. 추후 UI 변경에 대해 유연하게 대응 export const Input: React.FC = function ({ value,.. 2024. 2. 28. Please don't call me arrogant because what i'm saying is true 더보기 arrogant 건방진, 오만한 https://youtu.be/azf3Ip3IEvA?si=zR4Bo9pWnOF5B8oS 2024. 2. 28. You are opening up a can of worms 더보기 골치 아픈일을 건드리고 있어요. Don't mention the project. It's a can of worms https://youtube.com/shorts/oZr9R36AOR8?si=LhGn5JgRnbzpJC_B 2024. 2. 28. Control freak, Nitpicker, Free rider, Kiss-ass, One-upper 더보기 It looks like he like to micromanage everything. He is a control freak 통제광 nitpicker 까다로운 사람 free rider 숟가락만 얹히는 사람 kiss-ass 아부떠는 사람 One-upper 항상 이기려는 사람 https://youtu.be/YDEf2SdheMQ?si=hfl_JXCTjLwNreI3 2024. 2. 28. [React] Render Prop Pattern 개념 컴포넌트가 렌더링 함수를 프로퍼티로 전달받아 사용하는 방법 특징 동일한 렌더링 방식이 연속적으로 사용되는 컴포넌트에서 아주 유용 (리스트, 테이블 형태) 복잡한 조건의 렌더링 방식을 표현하기에 제한 render 함수가 너무 복잡해지거나 render기능을 하는 프로퍼티가 많아질 수 있음 HTML 삽입 미리보기할 수 없는 소스 상태를 부모 컴포넌트로 옮겼을 때 Render Props Pattern을 고민해보자 상태변경은 모든 자식 컴포넌트의 리렌더링을 유발하고, 이런 상황이 쌓이면 앱의 전체적인 성능을 떨어트릴 수 있다. function Input({ value, handleChange }) { return handleChange(e.target.value)} /> } export default fun.. 2024. 2. 26. Is that a Gucci knock-off? 더보기 그거 구찌 짭이야? ㅋ.ㅋ https://youtu.be/g6mIKh1Iz8M?si=KNivOqxXPR03iPr4 2024. 2. 26. 이전 1 ··· 33 34 35 36 37 38 39 ··· 63 다음