3월, 2021의 게시물 표시

[Blazor] Javascript

javascript cdn or myJs 을 가져올땐 _Host.cshtml | client wwwroot/index.html 이곳에 javascript cdn 작성해줌  커스텀 자바스크립트 소스는 wwwroot / js / myJs.js 이런 곳에다가 작성 (사실 경로는 wwwroot 밑에 아무데나 있으면 됨) myJs.js {     window.myFunc(){} } window. 에다가 함수를 등록 시켜주는건 global 함수를 만들겠단 뜻임

[Blazor] eventcallback 주의사항

 Parent Page 에서 Child Page 로 함수를 넘겨주고 Child Page 에서 Parent Page에 있는 함수를 호출하는것을 eventcallback 이라고 한다 Parent Page에 있는 함수는 return type void 를 지켜줘야 한다 Child Page에서 함수를 받을때는 [Parameter] public EventCallback<T> OnMyFunc { get; set; } 이런식으로 받는다 <T> 부분은 parent page 에 선언된 function 의 paraemtr type을 적어준다 그후 child page 에서  protected async Task MyChildPageFunc(EventArg e, object object)   {     await OnMyFunc .InvokeAsync(object);   } 이런식으로 parent page에 있는 함수를 호출한다 razor page 에서 함수를 넘겨줄때 빨간줄이 나올수도 있는데, 버그니 무시하자 심플버전: prarent page 에 있는 함수를 child page의 parameter로 넘겨주고, childpage 에서 parameter 로 받은다음 @onclick 같은 이벤트 트리거에다가 parameter 로 받은 함수를 넣어주면 그냥 발동한다

[Blazor] c# 변수와 보통 문자열 복합적으로 표시하기

 자유로운 문장 @(myitem - second item ? true : false) 이런식으로 html 문장 중간에 @() 문법을 통해 c# 코드를 자유로이 사용할수 있음. @foreach(var item in list){ <div>foreach 안에서는 html block을 먼저 선언하고 나서 @(myitem - seconditem) 이렇게 @() c# 코드를 사용할수 있음 </div> } html block 을 선언 안하면 일반 문자열 인식을 못함

[Blazor] Razor Component 쉽게 이해하기

 JSP 의 include 페이지 만드는것과 비슷한 개념 <body>     <div>     나는 부모창     <ChildRazorPage myItem="item"/>     </div> </body> ChildRazorPage.razor {     <div>받은값 : @myItem</div>       @code{          [Parameter] public String myItem {get;set;}      } } 이렇게 있다치면 <ChildRazorPage 이 부분은 ChildRazorPage.razor 안에 있는 코드로 대체 되는것뿐임. ChildRazorPage 안에 선언한 Parameter 이름과 <ChildRazorPage 오른쪽편에 있는 키워드의 이름을 똑같이 해주고, "" 안에변수를 넘겨주면 ChildRazorPage 안에서 넘겨받은 변수를 사용할수 있는거 뿐임.

ResponseEntity 특징

~jquery 기준으로 설명~ 200번대 코드로 ResponseEntity<T>(t,HttpStatus.CREATED) 이렇게 보내주면 내가 흔희쓰는 new ResponseDTO { success:true, data: ... } 이것처럼 그냥 받는쪽에선 data.something 이렇게 사용하면 되고 400번대 부터는 function(xhr, status, error) {                 alert("code:" + xhr.status + "\n"                     + "message:" + xhr.responseText + "\n"                     + "error:" + error);             } 이렇게 사용한다

Spring boot file upload

 17. 상품관리 items.js, ItemController 부분

Spring Boot 배포

https://jojoldu.tistory.com/265 - TravisCI & AWS CodeDeploy로 배포 자동화 구축하기   https://github.com/jojoldu/springboot-webservice/blob/master/tutorial/7_NGINX_SSL_%EB%AC%B4%EC%A4%91%EB%8B%A8%EB%B0%B0%ED%8F%AC.md -Ngnix, aws 를 이용한 무중단 서비스 배포 https://www.leafcats.com/178 -local 로 deploy https://heowc.tistory.com/38 -local 에서 dev, production 셋팅