# composition

[React] Composition vs Inheritance
Composition 방법과 Inheritance에 대해 알아보며, Card 컴포넌트를 만들며 실습을 통해 Composition에 대해 알아보자!
합성과 상속
✔ 여러 개의 컴포넌트를 합쳐서 새로운 컴포넌트를 만드는 것.어떤 컴포넌트들은 어떤 자식 엘리먼트가 들어올 지 미리 예상할 수 없는 경우가 있다. 범용적인 ‘박스’ 역할을 하는 Sidebar 혹은 Dialog와 같은 컴포넌트에서 특히 자주 볼 수 있다.이러한 컴포넌트에
vue2 basic
v-on:click="myFunction"@click="myFunction"v-on:click.prevent="myFunction"

[Design Pattern] 추상 팩토리 패턴
추상 팩토리 패턴은 서로 관련있는 "여러" 객체들을 만드는 개념을 추상화시킨 패턴이라고 보면 된다이 문장 자체가 이해하기 약간 어렵기 때문에 팩토리 메소드 패턴과 비교해서 풀어보면 다음과 같다이전 팩토리 메소드 패턴 포스팅에서 말했듯이 팩토리 메소드 패턴은 특정 객체의

[Android/Compose] Compose에서 상태관리
Compose에서의 컴포넌트는 remember API를 사용하여 메모리에 객체를 저장할 수 있다.왜? remember객체를 사용해야 하는가?remember에 의해 계산된 값은 초기 컴포지션 중에 컴포지션에 저장되고 저장된 값은 리컴포지션 중에 반환된다. 초기 컴포지션:

Composition, Wrapper 만들기와 props.children
Composition, Wrapper 만들기와 props.children 그리고 관련 리액트 공식문서 같이 보기

github actions에서 reusable workflow사용하기
github actions로 workflow를 작성하다보면 변수(ex. 도메인, 버킷명 등..)만 바뀌고 대부분의 내용은 비슷한 경우가 많다. 따라서 변경사항이 발생하면 여러 개의 파일을 수정하고, 꼭 한 두 개씩 빼먹어서 다시 PR을 올리게 된다. 이럴 때 반복되는

[React] Context가 꼭 필요할까? 컴포넌트 합성으로 props drilling을 극복해보자
Prop Drilling은 props를 오로지 하위 컴포넌트로 전달하는 용도로만 쓰이는 컴포넌트들을 거치면서 React Component 트리의 한 부분에서 다른 부분으로 데이터를 전달하는 과정이다.prop drilling이 보통 3~5개 컴포넌트를 거치는 정도이면,
Stack의 문제점은 무엇일까?
Vector를 상속받고 있다.Stack은 Last In First Out 자료구조인데, Vector를 상속받았기 때문에 인덱스 기반으로 요소에 접근하거나 추가할 수 있다.위처럼 Vector 클래스를 상속했기 때문에 인덱스 기반의 연산이 가능해지므로 LIFO 자료구조의

[번역] Vue의 반응성 시스템은 당신의 생각보다 더 강력합니다.
원문: https://levelup.gitconnected.com/vue-reactivity-system-is-more-powerful-than-you-think-37b1924d681b Vue 3의 컴포지션 API와 개선된 반응성 시스템은 웹개발자들을 웃게 할
상태 관리 remember
Compose는 선언적이므로 Compose를 업데이트하는 유일한 방법은 새 변수로 동일한 컴포저블을 호출하는 것입니다. 이러한 변수는 UI 상태를 표현합니다. 상태가 업데이트될 때마다 재구성됩니다. TextField와 같은 항목은 명령형 XML 기반 뷰에서처럼 자동으로

리액트 currying & composition
currying 기본 사용예시중복코드 해결compose 함수 = 여러가지 함수를 순차적으로 실행시킴첫번째 함수의 리턴값을 다음 함수가 받아 처리 한다.시니어코딩님 유튜브 강의

Type of Tennis Balls & Their Composition
It might look easy to choose the right tennis ball at first glance but it’s not the same. Picking the right tennis ball will include many factors such