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

우리가 웹사이트를 이용하다가 회원가입이나 글을 쓰다 보면 수많은 에러가 나온다. 그중에 하나가 바로 이것이다. 공백이거나 글자수가 틀리거나, 조건을 채우지 않았거나 하면 뜨는 경고 메시지다. 이걸 정말 ASP.NET에서는 편하게 띄울 수 있다. 오늘은 그것에 대해 배워보겠다. @model Category@*Form Start*@ Create Category @*Buttons*@..

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

SQL Server를 설치하고 SQL server에 DB를 만들고 위와 같은 테이블이 생성이 되어 있다는 가정하에서 ASP.NET Core에서 데이터를 불러와서 View에 표시하는 방법에 대해 설명해 보겠다. using System.ComponentModel.DataAnnotations;namespace BulkyWeb.Models { public class Category { [Key] public int Id { get; set; } // Primary Key on DB [Required] public string Name { get; set; } // This field will be set to not null option in SQL ..

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