# composition

32개의 포스트
post-thumbnail

[React] Composition vs Inheritance

Composition 방법과 Inheritance에 대해 알아보며, Card 컴포넌트를 만들며 실습을 통해 Composition에 대해 알아보자!

2023년 1월 21일
·
0개의 댓글
·

합성과 상속

✔ 여러 개의 컴포넌트를 합쳐서 새로운 컴포넌트를 만드는 것.어떤 컴포넌트들은 어떤 자식 엘리먼트가 들어올 지 미리 예상할 수 없는 경우가 있다. 범용적인 ‘박스’ 역할을 하는 Sidebar 혹은 Dialog와 같은 컴포넌트에서 특히 자주 볼 수 있다.이러한 컴포넌트에

2022년 12월 5일
·
0개의 댓글
·

vue2 basic

v-on:click="myFunction"@click="myFunction"v-on:click.prevent="myFunction"

2022년 11월 27일
·
0개의 댓글
·
post-thumbnail

React 합성 (Composition)

작은 컴포넌트들을 모아서 큰 컴포넌트를 생성하는 방식 2종류

2022년 11월 7일
·
0개의 댓글
·
post-thumbnail

[Design Pattern] 추상 팩토리 패턴

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

2022년 10월 25일
·
0개의 댓글
·
post-thumbnail

[Android/Compose] Compose에서 상태관리

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

2022년 10월 7일
·
0개의 댓글
·
post-thumbnail

Inheritance vs. Composition

상속과 컴포지션. 무엇을 선택할지 어떻게 판단해야 하는가?

2022년 10월 3일
·
0개의 댓글
·
post-thumbnail

Introduction Part. 02

GOF의 디자인 패턴 1장, 서론의 두번째를 정리해봅니다.

2022년 7월 31일
·
0개의 댓글
·
post-thumbnail

Composition, Wrapper 만들기와 props.children

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

2022년 7월 22일
·
0개의 댓글
·
post-thumbnail

github actions에서 reusable workflow사용하기

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

2022년 6월 23일
·
0개의 댓글
·
post-thumbnail

상속과 컴포지션

Inheritance vs Composition

2022년 6월 3일
·
0개의 댓글
·
post-thumbnail

[React] Context가 꼭 필요할까? 컴포넌트 합성으로 props drilling을 극복해보자

Prop Drilling은 props를 오로지 하위 컴포넌트로 전달하는 용도로만 쓰이는 컴포넌트들을 거치면서 React Component 트리의 한 부분에서 다른 부분으로 데이터를 전달하는 과정이다.prop drilling이 보통 3~5개 컴포넌트를 거치는 정도이면,

2022년 5월 8일
·
2개의 댓글
·

Stack의 문제점은 무엇일까?

Vector를 상속받고 있다.Stack은 Last In First Out 자료구조인데, Vector를 상속받았기 때문에 인덱스 기반으로 요소에 접근하거나 추가할 수 있다.위처럼 Vector 클래스를 상속했기 때문에 인덱스 기반의 연산이 가능해지므로 LIFO 자료구조의

2022년 4월 11일
·
0개의 댓글
·
post-thumbnail

[번역] Vue의 반응성 시스템은 당신의 생각보다 더 강력합니다.

원문: https://levelup.gitconnected.com/vue-reactivity-system-is-more-powerful-than-you-think-37b1924d681b Vue 3의 컴포지션 API와 개선된 반응성 시스템은 웹개발자들을 웃게 할

2022년 4월 9일
·
1개의 댓글
·

상태 관리 remember

Compose는 선언적이므로 Compose를 업데이트하는 유일한 방법은 새 변수로 동일한 컴포저블을 호출하는 것입니다. 이러한 변수는 UI 상태를 표현합니다. 상태가 업데이트될 때마다 재구성됩니다. TextField와 같은 항목은 명령형 XML 기반 뷰에서처럼 자동으로

2022년 3월 7일
·
0개의 댓글
·
post-thumbnail

리액트 currying & composition

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

2022년 2월 26일
·
0개의 댓글
·
post-thumbnail

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

2021년 11월 30일
·
1개의 댓글
·
post-thumbnail

[Kotlin] by 키워드의 역할 알아보기

Delegate Pattern 을 쉽게 구현해주는 by 키워드

2021년 11월 22일
·
0개의 댓글
·
post-thumbnail

[Vue] 컴포지션 API

1. 개요 2. 반응형데이터(반응성) 3. 기본옵션과 라이프사이클 4. props, context

2021년 9월 10일
·
0개의 댓글
·