BeomBeomJoJo

2022/11/15 (3)

[Blazor] 매개변수 여러개인 경우 EventCallBack 을 이용한 부모-자식 Component 값 전달하는 방법

웹 프로그래밍/Blazor 범범조조 2022. 11. 15. 22:32

개요 EventCallBack 메서드를 이용하여 부모, 자식 간의 Component 값을 전달할 수 있습니다. 만약, EventCallBack 메서드를 통해 전달해야 하는 타입이 여러개인 경우 어떤 방식으로 전달하는지 예제를 통해 내용 정리 진행합니다. 시나리오 ToDoList 를 만든다고 가정합니다. ToDoList 에서 List 항목을 입력하여 작성을 할 때, CheckBox 가 있습니다. 만약, CheckBox 의 onchange 이벤트에 2개 이상의 매개변수를 넘겨주어야 한다고 가정을 하고 어떤 식으로 N개 이상의 매개변수를 전달하는지 예제 코드를 작성합니다. TodoListComponent.razor TodoListComponent.razor 컴포넌트는 List 항목을 보여주는 자식 컴포넌트 입..

더 읽기

[Blazor] EventCallBack 을 이용한 부모-자식 Component 값 전달하는 방법

웹 프로그래밍/Blazor 범범조조 2022. 11. 15. 21:29

개요 EventCallBack 메서드를 이용하여 부모, 자식 간의 Component 값을 전달할 수 있습니다. 어떻게 전달하는지 예제를 통해 내용 정리 진행합니다. 시나리오 ToDoList 를 만든다고 가정합니다. input, button 태그를 통해 input 에 텍스트를 입력 후, button 을 클릭 할 때 해당 내용을 추가한다고 가정을 하고 기능을 만든다고 가정합니다. 여기서 InputComponent.razor, Todo.razor 2개의 컴포넌트를 만드는데 부모 컴포넌트는 Todo.razor 이고 자식 컴포넌트는 InputComponent.razor 입니다. Todo.razor - 부모 InputComponent.razor - 자식 InputComponent.razor InputComponen..

더 읽기

[Blazor] Fluxor - Effects

웹 프로그래밍/Blazor 범범조조 2022. 11. 15. 00:42

Effect란? Blazor Stores 에서는 State, Feature, Actions, Reducers 및 Effects 의 총 5가지 부분으로 구성되어 있습니다. 여기서 오늘은 Fluxor 에서 Effects 가 무엇인지에 대해서 알아보려고 합니다. Fluxor 에서 Effects 는 Dispatch 된 Action 이 순수하게 Reducer 방법으로 Store 외부의 리소스에 접근해야 할 때 사용됩니다. 일반적인 예는 API 에 HTTP 객체를 호출하는 것입니다. Reducer 메서드는 현재 상태 및 구독 중인 Action 만 접근할 수 있습니다. Effect 메서드는 외부 리소스에 액세스할 수 있으며, 새 상태를 방출하기 위해 Reducers에서 처리할 Acts 자체를 디스패치합니다. Effe..

더 읽기

Copyright © BeomBeomJoJo All Rights Reserved

Designed by JB FACTORY

티스토리툴바