'분류 전체보기' 카테고리의 글 목록 (14 Page)

전체보기 (1478)

[Blazor] PagIndex 속성 추가 및 Skip 과 Take 메서드로 페이징 처리

웹 프로그래밍/Blazor 범범조조 2022. 11. 6. 11:17

개요 Blazor 에서 페이징 처리하는 방법에 대해서 정리 진행합니다. 예제 코드로 작성한 페이지 기법은 List 항목에서 표시되는 데이터 사이즈를 지정하고, 해당 사이즈가 넘어갈 시, 다음 페이지에 보여지도록 예제 코드 작성하였습니다. 페이징 라우팅 추가 제일 먼저, @page 라우팅 값으로 페이징 인덱스 값을 추가하였습니다. {Page:int?} 값을 통해 정수형의 Page 값으로 라우팅 되도록 속성 추가하였습니다. @page "/Candidates/{Page:int?}" 페이징 관련 로직 추가 그럼 실제로 페이징 관련 로직을 추가하겠습니다. 크게 PageSize, Page, PageIndex 3개의 속성을 추가하였습니다. 여기서 Page 속성 같은 경우에는 Attribute 로 Parameter 속..

[Docker] Docker Hub 이미지 Pull denied 에러

DOCKER 범범조조 2022. 11. 3. 21:45

에러 발생 Docker 에서 Image 를 생성 후, 관련 이미지를 Docker Hub에 업로드 중, 다음과 같은 에러 코드를 만나게 되었습니다. denied: requested access to the resource is denied 위와 같이 요청이 거부 되었다는 에러가 발생하였습니다. 이곳 저곳 찾아본 결과, 현재 Docker 를 사용하는 환경에서 Docker Hub 에 로그인이 되어 있지 않아서 생기는 에러라고 합니다. 때문에, 해당 에러는 로그인을 통해 간단히 해결할 수 있습니다. Docker Hub 로그인 방법 제 테스트 환경은 윈도우 10 환경에서 진행하였습니다. Docker Hub 로그인 방법은 터미널 명령어를 통해 진행 하였습니다. > docker login docker login 명령..

[Blazor] 재사용 컴포넌트 만들기

웹 프로그래밍/Blazor 범범조조 2022. 11. 2. 20:25

개요 Blazor 에서 재사용 가능한 컴포넌트 만드는 방법에 대해서 정리 진행합니다. 테스트 예제 내용 Creater.razor 컴포넌트가 있고, 해당 컴포넌트에서는 현재 EditForm 컴포넌트를 사용한 코드가 있습니다. 예시로, EditForm 컴포넌트를 다른 컴포넌트에서도 재사용 가능하다고 가정을 하였을 때, 해당 부분을 따로 컴포넌트로 만들어서 부모 컴포넌트에서 사용 가능하도록 하는 예제 코드를 작성해 봅니다. 재사용 진행할 컴포넌트 코드 재사용 진행할 컴포넌트 코드 내용은 다음과 같습니다. @if (Model is not null) { FirstName LastName Is Enrollment } 위 코드는 부모 컴포넌트인 Create.razor 에서 사용중입니다. 해당 코드를 다른 컴포넌트에서..

[주차장 정보] 천왕역환승센터 주차장 요금 및 할인 정보 (+꿀팁공개)

일상생활 및 팁(TIP) 범범조조 2022. 11. 2. 18:12

안녕하세요 범범조조입니다. 오늘은 천왕역환승센터 주차장을 소개하겠습니다. 평소 해당 주차장을 자주 이용하는데요, 작년과 다르게 요금의 변경사항이 있어서 새로운 정보를 알려드리려 합니다. 리뷰 시작합니다! 위치 [주소] 서울특별시 구로구 오리로 1156 천왕역환승센터 주차장 또는 천왕역공영주차장 [교통안내] 지하철 천왕역 7호선 (지하철 하차 후 지상으로 연결됨) [전화번호] 관리사무실 02-2290-6343 통합센터 02-2290-6316 [운영시간] 24시 (연중무휴) [요금] 5분당 170원 *요금 할인 정보는 아래 사진을 확인바랍니다. 외관 및 내부 층별 정보 1층-주차장 안내센터, 쏘카 EV전기차 전용 주차구역, 자전거 주차장이 위치해 있습니다. 천왕역 환승주차장 안내센터는 유실물 보관소도 운영됩..

[C# 디자인패턴] Factory Method 패턴

C# 범범조조 2022. 11. 1. 22:30

참고 https://www.dofactory.com/net/factory-method-design-pattern UML Factory Method 패턴을 표현하기 위한 예제 다이어그램입니다. 클래스 정보 Product 팩토리 메서드가 생성하는 객체의 인터페이스를 정의 ConcreteProduct 제품 인터페이스를 구현 Creator Product 유형의 객체를 반환하는 팩토리 메서드를 선언합니다. Creater 는 기본 ConcreteProduct 객체를 반환하는 팩토리 메서드의 기본 구현을 정의할 수 있습니다. Product 객체를 생성하기 위해 팩토리 메서드를 호출할 수 있습니다. ConcreteCreator 팩토리 메서드를 재정의하여 ConcreteProduct 의 인스턴스를 반환합니다. Struc..

[경기도/이천] 대형 베이커리 카페 이천 당일치기 가볼만한곳 경기도 데이트코스 ‘이진상회’ 가격 및 매장정보

-------[데이트&맛집]-------/맛집 추천 범범조조 2022. 11. 1. 18:25

안녕하세요 범범조조입니다. 평소에 저는 빵과 디저트를 엄청 좋아하는데요, 오늘은 커피 뿐만 아니라 베이커리 맛집으로 소문난 경기도 이천 대형베이커리 카페 '이진상회'를 소개하겠습니다. *광고 없는 솔직한 내돈내산 리뷰 시작합니다~!* 위치 및 운영정보 [주소] 경기 이천시 마장면 서이천로 648 [교통안내] *네비게이션 검색 시* 구 주소) 경기도 이천시 마장면 장암리 327번지 신 주소) 경기도 이천시 서이천로 656번지 -네비게이션 검색 시 주소가 안 나올 때- ➀ 서이천 삼거리로 검색(바로 인접) ➁ 서이천 톨게이트로 나와서 바로 우회전, 맞은편에 위치 [전화번호] 0507-1497-8882 [운영시간] 매일 오전10시~오후9시 (오후 8시 30분 라스트오더) [주차] 매장 내 제1,2,3 주차장 ..

[경기도/망포] 수원 맛집 망포역 횟집 가성비 좋은 해산물맛집 '어사출또 망포점' 가격 및 매장정보

-------[데이트&맛집]-------/맛집 추천 범범조조 2022. 10. 31. 22:23

안녕하세요 범범조조입니다. 날씨가 쌀쌀해지면서 가끔 회가 먹고싶어 질때가 있는데요! 오늘은 동네 맛집으로 소문난 망포역 해산물 맛집 가성비 회 맛집 '어사출또'를 소개하겠습니다. *광고 없는 솔직한 내돈내산 리뷰 시작합니다~!* 위치 및 운영정보 [주소] 경기 수원시 영통구 권선로 955 [교통안내] 망포역 4번출구에서 569m 직진 [전화번호] 031-206-4004 [운영시간] 월~금 - 오후1시~오후 11시 반 토,일 – 오후12시~오후 11시 반 [주차] 매장 옆 주차장 이용가능 (공간은 그렇게 크지 않아서 주말저녁이나 늦은 시간 방문하실 경우 미리 문의전화 필요할 것 같아요.) [기타] 단체석 이용 가능 메뉴 포장 가능 배달어플 이용 가능 예약 가능 외관 및 내부 메뉴 느낀점 -메뉴들을 직접 먹..

[C# 디자인 패턴] 재귀 제네릭을 사용한 Fluent Builder 패턴

C# 범범조조 2022. 10. 31. 06:19

참고 https://code-maze.com/fluent-builder-recursive-generics/ Fluent Builder 상속 문제 Fluent Builder 패턴을 이용하여 프로그래밍을 하다 보면, 상속 문제에 부딪히게 됩니다. 예제를 통해 보여 드리도록 하겠습니다. Employee 객체를 만들고 싶다고 가정합니다. public class Employee { public string Name { get; set; } public string Position { get; set; } public double Salary { get; set; } public override string ToString() { return $"Name: {Name}, Position: {Position}, Sa..

[Blazor] EditForm OnInvalidSubmit 속성 사용하기

웹 프로그래밍/Blazor 범범조조 2022. 10. 30. 22:38

개요 Blazor 에서 제공해주는 기본 컴포넌트인 EditForm 을 이용하여 현재 Create 폼을 생성했습니다. 여기서 EditForm 컴포넌트를 사용하였는데, EditForm 컴포넌트에서 제공하는 OnInvalidSubmit 속성에 대해서 정리 진행합니다. EditForm 유효성 검사 속성 EditFrom 은 양식 제출을 처리하기 위해 다음 콜백을 제공합니다. OnValidSubmit 은 유효한 필드가 있는 양식이 제출될 때 실행할 이벤트 처리기를 할당하는 데 사용합니다. OnInvalidSubmit 은 유효하지 않은 필드가 있는 양식이 제출될 때 실행할 이벤트 처리기를 할당하는데 사용합니다. OnSubmit 은 양식 필드의 유효성 검사 상태와 관계없이 실행할 이벤트 처리기를 할당하는데 사용합니다...

[Blazor] Text 중복 입력 방지

웹 프로그래밍/Blazor 범범조조 2022. 10. 30. 14:37

개요 Blazor 에서 Create 폼을 생성 후, Button 클릭을 하였을 때 데이터 중복 입력을 방지하기 위한 방법에 대해서 정리 진행합니다. 중복 입력 방지 기능 코드를 사용하지 않으면, 실수로 같은 이름의 데이터가 여러번 중복으로 저장될 수 있기 때문에 해당 기능을 미연에 방지하고자 중복 입력 방지코드를 추가하는 것이 좋습니다. Busy 속성 추가 C# 비하인드 코드에 Busy 속성을 추가 합니다. Default 값으로 Busy 속성을 true 로 설정해 주고, 메서드 본연의 역할이 끝나면 finally 에 Busy 값을 false 로 바꿔주는 로직을 추가하였습니다. @code { public Candidate? Model { get; set; } public string? StatusMessa..

[Blazor] EditForm에 OnValidSubmit event 사용하기

웹 프로그래밍/Blazor 범범조조 2022. 10. 30. 04:35

개요 Blazor 에서 Create 폼을 EditForm, InputText 등의 컴포넌트 등을 이용하여 구상을 했었습니다. 또한, 사전에 EFCore 에 테스트를 진행할 Candidate 모델 클래스에 데이터 마이그레이션까지 완료 해 놓았습니다. 그럼 실제로 데이터 Create(생성) 이 되도록 하기 위해서는 생성 관련 이벤트가 필요합니다. Blazor 에서는 기존적으로 EditForm 컴포넌트에서 OnValidSubmit 이벤트를 제공해 주고 있습니다. 해당 이벤트를 이용하여 EFCore DBContext 에 값을 직접 저장시켜서 List Componet 에 표시 되는지 확인 진행합니다. EditForm 컴포넌트에 OnValidSubmit 이벤트 사용 EditForm 컴포넌트에 OnValidSubmi..

[Blazor] ValidationMessage 컴포넌트 사용하여 유효성 검사 방법

웹 프로그래밍/Blazor 범범조조 2022. 10. 30. 00:34

개요 Blazor 에서는 InputText 컴포넌트의 입력 값의 속성을 주어 해당 속성에 따라 유효성 검사를 진행할 수 있습니다. 앞서, ValidationSummary 태그를 이용하여 유효성 검사를 진행했었습니다. 이번에는 ValidationMessage 컴포넌트를 사용하여 유효성 검사 메시지를 같이 출력 되도록 하는 방법에 대해서 정리 진행합니다. 예제 코드 아래 예제 코드에서 핵심은 입니다. 현재 ValidationMessage 컴포넌트는 FirstName, LstName InputText 컴포넌트 구역에 같이 있습니다. 때문에, 같은 영역에서 유효서 검사가 진행되면서 내용이 함께 출력됩니다. @page "/Candidates/Create" @using BeomBeomJoJoBlazor.Models..

1
···
11
12
13
14
15
16
17
···
124

Sidebar

Copyright © BeomBeomJoJo All Rights Reserved

Designed by JB FACTORY

티스토리툴바