기존에 진행하던 프로젝트가 반응형으로 하니 너무 디자인이 맘에 안들었다. 그래서 새롭게 하나씩 바꿔나가려고 프로젝트를 다시 생성했다. 그럼 무엇을 바꿧는지 보자 기존 Header 영역을 변경했는데, 기존에 한얀 배경을 사용했지만, 이번엔 검은색 배경을 사용했다.우측에는 SignIn과 Cart를 표시했고, 그 밑에는 Logo를, 그리고 Navbar를 최 하단에 배치했다. 나는 블랙이 맘에 든다. ㅋㅋ 이제 로그인 기능을 다시 구현하고, 하나씩 기능을 추가해 나가야겠다. Affinity에서 Black Friday 세일을 진행하길래 3종세트 모두 구매해버렸다. Affinity Photo 2-> 포토샵 기능 Affinity Designer 2-> 포토샵 + 일러스트레이터 Publisher 2-> 인디자인 생각 ..

위 사진을 보면 어떤가? 정상적인 form이다. 그럼 아래 코드를 보자@model Category@*Form Start*@ Create Category @*Buttons*@ @*Submit Button*@ Create @*Go Back Button*@ ..

1. Asynchronous Programming(비동기 프로그래밍) 이란?오늘은 비동기 프로그래밍 Asyncrhonous Programming에 대해서 작성해보겠다. 비동기 프로그래밍은 시간이 오래 걸리는 작업들 예를 들어 파일 읽기, 데이터 불러오기, 데이터 조회 등을 처리하면서 다른 작업을 동시에 수행할 수 있도록 하는 기법이 비동기 프로그래밍이다. ASP.NET Core에서는 비동기 작업을 처리하기 위해 async, await, 그리고 task 키워드를 사용한다. 그 중에 GET 요청을 처리하는 OnGetAsync()에 대해서 설명해보겠다. 2. 비동기 작업과  async비동기 작업은 시간이 오래 걸리는 작업을 처리하면서 다른 작업을 병렬로 수행할 수 있도록 한다. 예를 들어 데이터 조회, api..

Anchor Tag Helper는 GET 요청을 생성하는 데 사용되며, 여기서는 asp-page와 asp-route-{value} 속성을 사용하여 URL에 매개변수를 추가하고 데이터를 전송하는 걸 설명하겠다. 1. GET 요청을 만드는 방법기본 HTML 방식Roald Anchor Tag Helper 방식Roald 두 코드는 서로 다르지만 서로 같은 역할을 한다. 기존에는 좀 더 복잡하게 작성을 해야 했지만, ASP.NET에서 제공하는 Tag Helper를 사용해서 조금더 쉽게 가독성이 좋게 만들 수 있게 되었다. 여기서 asp-page는 Authors 페이지로 연결되며, asp-route-fullname="Roald Dahl"이 URL에 쿼리 스트링으로 추가된다. 2. Anchor Tag Helper의 ..

Tag Helpers는 Razor Pages에서 서버 측 속성을 사용하여 HTML 요소를 생성하는 도구Tag Helpers는 개발자가 HTML/CSS 지식을 활용해 동적으로 HTML 콘텐츠를 생성하고, 서버 데이터를 UI에 쉽게 연결 할 수 있도록 도움View AttendeeView Attendee주요 Tag HelpersLink Tag Helpersasp-page: 페이지 URL을 지정한다.asp-route-{parameter}: 쿼리 매개변수를 설정한다.코드View Attendee결과View AttendeeForm Tag Helpersasp-action: 폼 데이터를 처리할 메서드(액션) 이름을 지정한다.asp-controller: 컨트롤러 이름을 지정한다.html 코드 Login출력 결..

partial? 그 어떤 WEB 개발에서도 들어본 적이 없을 것이다. 그럼 이것은 무엇인가? Partial이란 무엇인가?Partial이란 Razor Pages에서 공통으로 사용되는 HTML 코드를 여러 페이지에서 재사용이 가능하게 도와주는 기능이다. 즉, 공통으로 사용되는 코드를 파일로 저장하고 여러 곳에서 사용하게 가능한 것이다. 이전에 우리는 header와 footer를 재사용하기 위해서 Layout을 만들어서 공유했었다. 그러나 Partial은 이와는 다르다. 어떻게 다른가? 파일명: _MyPartial.cshtmlHere's some content from a partial! 위와 같은 코드를 파일명 _MyPartial로 만들어서 저장했다고 가정했을 때, 우리는 이를 mainpage에서 사용을 할..

ViewData는 Page Model에서 View(View Page)로 데이터를 전달하기 위해 사용한다. ViewData는 ViewDataDictionary 타입이며 key 값과 value를 가진다. 이를 통해서 Page Model에서 작성된 데이터를 Page에서 동적으로 사용할 수 있다. public class IndexModel : PageModel { public void OnGet() { //ViewData ViewData["MyName"] = "Devrun"; }} 위에 작성된 코드를 보자, 클래스 명 옆에 PageModel로 이 클래스가 PageModel이라고 설정되었다. OnGet() 함수에서 보면 ViewData가 설정된 것을 볼 수 있다. 여기서 ViewData[..

프로그래밍에서 루프는 매우 중요한 요소입니다. 코드의 특정 블록을 반복 실행할 수 있도록 돕는 구조이다. 하지만 모든 반복이 동일한 방식으로 진행되지는 않는다. 때로는 특정 조건에서 루프를 강제로 종료하거나, 일부 코드만 건너뛰고 다음 반복으로 넘어가야 할 때가 있다. C#에서는 이런 상황을 위해 **break**와 **continue**라는 **점프 문(Jump Statements)**을 제공하며, 이 글에서는 이 두 키워드의 작동 원리와 사용 방법, 그리고 주의할 점을 예제와 함께 설명한다. 1. break 키워드break는 루프를 즉시 종료하고, 루프 블록 밖으로 실행 흐름을 이동시키며, 조건을 만족하는 순간 루프를 멈출 수 있기 때문에, 반복 작업을 효율적으로 제어할 수 있다.사용 예제int co..