어제 DB 모델링을 끝내고 여태까지 조금 놀면서 느긋하게 만들어 보았다.아직 기능은 정의하지 않았는데 현재까지 작업 진행을 이야기해본다.홈 화면이다. 외국에서 운영되고 있는 한 쇼핑몰을 클론하고 있는데... 왠지 사진 디자인은 빼오면 안될거 같아서... 직접했더니 여기서 3시간을 버렸다 ㅋㅋ;; 누끼 따다가 시간 다 날렸네.... 디자인은 어렵다. 하는게 아니야.  그렇게 수정한 사진과 아이디어로 홈화면을 꾸미고, 로그인 창을 만드는데 고작 30분 걸렸다.그동안 뭐했느냐? 게임 좀 했다 ㅋㅋㅋ 디자인이 썩 나쁘지는 않은 것 같은데 보는 사람 입장에서는 다르겠지?나의 눈은 디자이너의 눈이 아니니까 오늘은 밤샘 작업으로 달려본다.

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에서 사용을 할..

웹을 개발하는 개발자들 중에 Page 모델이라는 단어는 처음들어 보는 사람도 있을 것이다. MVVM패턴에서 보면 View와 View Model 그리고 Model을 가지고 있는데 이는 뷰와 모델을 분리하여 코드를 만든다. 이러한 방식이 Razor Page에도 있다. 그것을 우리는 Page Model이라고 부른다. 보통 ASP.NET에서는 MVC 패턴을 주로 사용한다. 그러나 일단 Razor Pages를 배우고 있으니 Page Model부터 보자. 1) Razor Pages에서 Page Model 이란?Page Model은 View와 분리되어 백엔드 로직을 담당하는 크래스를 말한다. 이 것을 통해 HTML과 데이터 처리 및 비지니스 로직이 분리되어 사용할 수 있다.  Page Model의 특이점은 다른 것과..

우리가 전 글에서 Razor Pages 내에서는 @을 사용해서 C# 코들 작성할 수 있다고 했다. 그러면 if Statement와 같은 조건문을 사용할 수는 없을까?@{} 전 시간에는 우리가 이렇게 코드블럭을 작성한다고 했다. 그러나 HTML에서 C# 코드를 불러와서 사용했고, 코드 블럭 안에서 사용하지는 않았다.@{ int value = 4;}@if (value % 2 == 0){ The value is even! } 위 코드와 같이 @ {}으로 설정된 코드 안에 변수도 선언하고 if문도 선언해서 사용할 수 있다.아래는 신호등 색별로 표시되는 안내 메세지를 작성한 코드다. @page@model IndexModel@{ ViewData["Title"] = "Home page";}@{ string ..

ASP.NET의 Razor Pages에 대한 주제로 오늘부터 새로운 카테고리를 작성해 나갈 것이다. 아마 국내에서 C#과 ASP.NET을 다루는 개발자는 손에 꼽을 것이다. 그러한 유니크한 개발자가 되고 싶다면 반드시 배워야한다. 1:10000으로 경쟁을 할 것인가 1:3으로 경쟁을 할 것인가와 비슷한 수준이라고 본다. 이유는 간단하다. 코딩 강사라는 것들이 가르치는 것은 초보자 입장에서 뭔가 만들어지는 것을 보아야 재미가 있기 때문이며, 전공자들은 View보다 콘솔이 더 익숙하기 때문에 대학에서만 가르치고, 어디서도 배우기 힘든 분야이기 때문이다.  내가 블로그를 써가면서 하나 장담할 수 있는 것은 ASP.NET은 실력만 된다면 해외로 떠날 수 있는 기회가 쉽게 주어질 것이라는 것이다. 해외에도 없다 ..