4월, 2021의 게시물 표시

[Blazor] Scaffold Identity 추가할때 주의점

 scaffold identity 추가시 에러가 나면 그건 DB 관련 패키지들버전 문제 때문임 Microsoft.AspNetCore.Identity.EntityFrameworkCore Microsoft.AspNetCore.Identity.UI Microsoft.EntityFrameworkCore.Design Microsoft.EntityFrameworkCore.SqlServer Microsoft.EntityFrameworkCore.Tools 메인 프로젝트쪽, DB프로젝트쪽 둘다 싹 지움 (DB 프로젝트쪽은 일단 최신버전 Microsoft.AspNetCore.Identity.EntityFrameworkCore 깔아둠) 그리고 add scaffold identity 를 실행하면 자기가 알아서 패키지들을 설치하려고 하는데, 그때 깔리는 DB 관련 버전을 잘 봐두고, 무슨무슨 패키지 설치하라는 에러도 잘 따라 봐둬야함 DB 프로젝트쪽엔  Microsoft.AspNetCore.Identity.EntityFrameworkCore Microsoft.EntityFrameworkCore.SqlServer 이 두개만 있으면 됨

[Blazor] @ref

  <!-- @ref == ChildComponent 가 가진 기능들에 직접접근 가능하게 해줌  여기에 써준 이름과-->     <ChildComponent @ref="childComp"                     OnClickBtnMethod="ShowMessage" Title="this title is passed as parameter from PArent Component"> <div class="row">   <button @onclick="()=>childComp.ShowToastrSuccess()">ShowChildToastr</button> </div> @code{ // 상단 ref 에 먹인 이름이 같아야함   private ChildComponent childComp; } child component 에 있는 기능들을 parent 컴포넌트에서 바로 접근 가능하게 해주는 기능이다.

[Blazor] Razor page에서 List 객체 순번 OR 값 바꾸기

 <div>   @foreach(var e in dummyList)       {         <div>           <p>@e.Name, @e.Birthday, input1: <input @bind="@DummyStr" /> <button @onclick="(arg)=>ChangeFunc(e,DummyStr)">change</button></p>         </div>       } </div> @code{ private int DummyStr { get; set; }  private void ChangeFunc(Employee e, int dummyInt)   {     e.Name = dummyInt;   } } foreach로 아이템을 뿌려주는곳에서 바꿀 아이템 자체 or 아이템의 key(서버로부터 받은 데이터면 up시 서버에 item의 PK를 넘겨 줘야하니) 의 값과, 사용자 입력값을 같이 람다 함수를 통해서 받으면 된다. input box가 많다고 버그가 일어나지 않는다<div>   @foreach(var e in dummyList)       {         <div>           <p>@e.Name, @e.Birthday, input1: <input @bind="@DummyStr" /> <button @onclick="(arg)=>ChangeFunc(e,DummyStr)">change</button></p>         </div>       } </div> @code{ private int DummyStr { get; set; }  private void ChangeFunc(Employee e, int dummyInt)   {     e.Name = du

[Google Map Javascript API]

 https://ehdqhd.tistory.com/17 <!DOCTYPE html> <html>   <head>     <style>        /* Set the size of the div element that contains the map */       #map {         height: 400px;  /* The height is 400 pixels */         width: 100%;  /* The width is the width of the web page */        }     </style>   </head>   <body>     <h3>My Google Maps Demo</h3>     <!--The div element for the map -->     <div id="map"></div>     <script> // Initialize and add the map function initMap() {   // The location of Uluru   var uluru = {lat: -25.344, lng: 131.036};   // The map, centered at Uluru   var map = new google.maps.Map(       document.getElementById('map'), {zoom: 4, center: uluru});   // The marker, positioned at Uluru   var marker = new google.maps.Marker({position: uluru, map: map}); }     </script>     <!--Load the API from the specified URL     * The async attribute allows the browser to r

[C#] 주식 프로그램 윈폼 따라만들기

 https://m.blog.naver.com/wjs0906/221254026389

[Blazor] Render Fragment

- parent.razor <ChildComponent>   Render Fragment From Parent! </ChildComponent> 이렇게 있을시, <childcomponent> 안에 있는 html 요소들이 fragment 라는 뜻임 -child.razor [Parameter] public RenderFragment ChildContent { get; set; } 이렇게 선언해주면 ChildContent  안에는 'Render Fragment From Parent!' 라는 Html 요소들이 있음