기존에 직원 정보는 위와 같이 출력되었다. 여기서 사용자가 직원의 상세 정보를 보기 위해 검색을 하는 것보다 버튼 2개를 추가하여 진행하는 것이 좋을 것 같다는 생각이 들었다. 그래서 아래와 같이 변경했다.기존 리스트뷰에 버튼 두개를 추가했고, 이를 통해 정보 보기를 누르면 상세 정보 페이지로 넘어가게 된다.상세 정보 보기 창으로 오면 위와 같이 나온다. 이제 코드에 대해 설명하겠다. //Detail public async Task Details(int id) { var employee = await _context.Employees .Include(e => e.EmployeeEducation) ..

직원 정보를 입출력하는 폼을 구성했다.조금 더 손 봐야겠지만... 모든 개발에서 짜증 나는 부분이 바로 디자인이다.몇 시간을 썼는지 모르겄다  현재는 캐나다 기준의 직책과 주소를 기준으로 가지고 만들었다. 글로벌하게 포폴을 제출할 수 있게 하기 위해선 메인 언어로 English 즉 영어를 택했고, 내가 갈 수 있는 마음 편하게 갈 수 있는 나라를 기준으로 잡았다. 뭐 국내로 잡으면 잡을 수 있다. 그러나 일단 메인 캐나다 서브 국내이기 때문에 어디든 제출해도 된다. 그래도 장사하던 시절보다는 지금이 좋다 ㅋㅋ 전체적인 UI는 부트스트랩으로 만들었지만, 모바일 환경은 신경쓰지 않고 만들었다. 모바일은 앱을 만들면 되기 때문에라는 이유다 ㅋㅋ Swift에 C#에 Flutter에 안드로이드까지 배운 내가 무서..

이전 시간에 우리가 데이터 입력을 위한 Form을 생성했다. 이제 데이터를 입력하는 Form을 이용해서 데이터를 DB에 저장하고 출력하는 시간을 가져보자. 진행하기 전 알아두어야 할 것 Home -> 우리가 입력한 데이터가 출력되는 곳Create -> 우리가 데이터를 추가할 Form이 있는 곳 이 두 가지를 알고 기억하고 넘어가자 데이터 입력을 위한 Controller 작성using Microsoft.AspNetCore.Mvc;namespace ToDoList.Controllers{ public class CreateController : Controller { public IActionResult Index() { return View(); ..

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

웹을 개발하는 개발자들 중에 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의 특이점은 다른 것과..