사진과 같이 직원 리스트를 뽑아보았다. 이번에도 Partial을 사용해서 데이터를 뽑았다. @model Employee.Models.EmployeeViewModel Employee List ID Name Email Phone 관리 @foreach (var employee in Model.Employees) { @employee.Employee_ID ..

일단 시작하기 전에 모든 결과를 보여주는 영상을 첨부했다.궁금하면 한 번씩 보시길 바란다.  Index.cshtml@model Employee.Models.EmployeeViewModel@{ ViewData["Title"] = "Add Employee";} 직원등록 직원 목록 기타 @Html.Partial("_AddEmploy..

기존에 하던 ERP 포트폴리오 개발이 너무 방대해서, 분리해서 개발 후 한 번에 합치기로 결정했다. 이게 하다 보니 점점 개발 속도가 빨라진다. 그리고 이번에는 경력과 학력을 추가할 수 있는 추가 버튼을 생성했다. 이는 자동으로 생성해준다. 근데... DB에 어떻게  추가하지... 또 찾아봐야하는 노가다를 해야겠다.  기존 뷰는 단일뷰였지만, 이번에 제작하면서 Tab을 만들어서 뷰를 만들었다. 한 페이지 내에서 여러개의 뷰를 관리할 수 있는데, 나는 이것을 Partial View를 활용해서 구현했다. @{ ViewData["Title"] = "Add Employee";} 직원등록 ..

손을 좀 봐야겠지만... 1시간 정도 만에 만들어냈다 ㅋㅋ 어렵진 않다. 99% Bootstrap과 ASP.NET으로 만들어졌고 이제 안에 내용을 채워야겠지...

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

이번 주말은 그동안 몰려온 피로를 풀고 즐길거리를 즐기다가 왔습니다. 오랜만에 코딩을 안하고 쉬니까 매우 좋네요 ㅎㅎ오늘부터는 또 만들 던 것을 만들러 가볼 예정입니다. :) 모두 즐거운 한 주가 되시고 또 빡세게 코딩합니다.

손을 좀 봐야겠지만... 1시간 정도 만에 만들어냈다 ㅋㅋ 어렵진 않다. 99% Bootstrap과 ASP.NET으로 만들어졌고 이제 안에 내용을 채워야겠지...

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

웹 개발을 하다 보면 가장 짜증 나는 부분이 에러가 표시가 안될 때가 있다. 이는 대부분 HTML 코드에서 생기는데 오늘도 이 부분을 개발하면서 문제가 발생했다. 에러명: 날짜가 0001-01-01로 표시되는 이유 ASP.NET Core에서는 asp-for라는 속성을 사용한다. 이는 name=""과 같은 속성인데 내 input에  asp-for와 name이 둘 다 들어있었다. ㅠㅠ 이를 1시간이나 걸려서 찾아내다니... DB 문제가 있는 줄 알았는데... 아니었다  늘 처음하는 것에서는 실수가 발생하는 법, 멘탈 잡고 다시 가즈아 직원 등록 부분 코드 public async Task AddEmployee(EmployeeViewModel empvm) { if (..

FoodFlow에서 프로젝트 명을 ERP로 변경했다. public IActionResult SignIn(Account account) { var user = _context.Accounts.FirstOrDefault(a => a.Account_ID == account.Account_ID); //user validation if (user != null) { //Define Password Hasher var hasher = new PasswordHasher(); //Hashing User Password va..

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

새로운 프로젝트를 만들기 앞서 기존 쇼핑몰 프로젝트는 나랑 너무 안 맞는다... 디자인 적인 요소가 개발자의 요소보다 크기 때문에 보여줄 때 디자인이 부족하면 매력 어필이 힘들다는 생각이 들었다. 그리고 난 디자이너가 아니다.  개발하기 전... 몸상태가 너무 아파서 병원에 다녀왔다. 하루종일 골골 거리며 쓰러져 있다가 정신 차리고 개발을 시작했다. 아무나 와서 회원가입을 할 수 있는 소프트웨어가 아니다. 회사 내에서 사용하는 프로그램이기에, 사용자의 접근도 쉽지 않게 해야 한다. 그렇기 때문에 회원가입 기능 자체를 만들지 않았다.  최초 제공되는 Admin 계정을 가지고 사용자의 계정을 생성할 수 있게 구현을 해야겠다고 애초에 프로젝트 생성할 때부터 마음을 먹었다. 그래서 현재는 임의의 어카운트를 이용..

우리가 웹사이트를 이용하다가 회원가입이나 글을 쓰다 보면 수많은 에러가 나온다. 그중에 하나가 바로 이것이다. 공백이거나 글자수가 틀리거나, 조건을 채우지 않았거나 하면 뜨는 경고 메시지다. 이걸 정말 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출력 결..

우리가 이전 글에서 배운 것은 데이터를 입력하는 것을 배웠다. 그럼 이제 Create View를 Home 화면에 출력하고 우리가 만든 데이터를 출력해야 하지 않을까? 그렇다 우리는 이번에 최종적으로 데이터를 출력하고 Create View를 Navbar에 링크할 것이다. Solution Explorer에서 -> Shared -> _Layout.cshtml을 열자 ToDoList Home ..

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

오늘도 어제에 이어서 한 번 진행해 보겠다. Solution Explorer -> Controllers 폴더 -> 마우스 우클릭 -> Add -> Controller를 클릭한다.그럼 아래와 같은 창이 뜬다. 여기서 MVC Controller - Empty 를 선택하고 Add를 누른다.위와 같은 창이 하나 더 나온다. 여기서 우리가 알고 가야 할 것이 있다. 이것은 매우 중요하기 때문에 필수적으로 암기해 버리자!MVC Controller - Empty를 만들 때, Class를 생성할 때 우리는 이름을 입력한다. 일반 Class를 만들 때는 상관없지만 Controller를 생성할 때는 Naming을 하는 방법이 존재한다. 현재 창에서는 HomeController1.cs로 나오는데 기존 Controller 폴..

전 글에 이어서 DB에 데이터를 저장하기 위한 Model을 생성할 것이다. Model Class 생성하기 우측 Solution 탐색기에서 Models 폴더에 마우스 우클릭 -> Add -> 아래 하단에 Class를 클릭하자 Class를 클릭하면 위와 같은 창이 나온다. 여기서 Class를 선택하고 Name:에 클래스 파일 명을 아래와 같이 작성하자Name: ToDoItem.cs 그럼 아래와 같이 나올 것이다. NuGet Package 추가하기 Solution 탐색기에서 ToDoList에 마우스 우클릭 -> Manage NuGet Packages....라는 것을 클릭!  위 사진과 같은 창이 나오는데 여기서 아래 해당하는 것들을 설치해 주자Microsoft.EntityFrameworkCoreMicrosof..

튜토리얼 version 0.1.1 오늘부터 현재 카테고리에 Tutorial이라는 카테고리가 생겼다. 거기에는 앞으로 내가 만들어 나가는 앱들에 대해서 나만의 방식으로 C#을 사용한 ASP.NET Core / Windows Form / WPF 등에 대한 튜토리얼을 연재할 것이다. Youtube로 하면 안되냐? 지금 글쓰는 것도 귀찮다... Youtube 영상 편집에 올리고 뭐하기 귀찮다.1. 프로젝트 생성Visual Studio를 실행하면 아래와 같은 창이 나온다. 상세하게 적을 테니 잘 따라오자!Create a new project를 클릭수 많은 프로젝트 생성 템플릿 중에 ASP.NET Core Web App(Model-View-Controller) 선택 Next를 누르면 Project명과 프로젝트 경로..

오늘은 DB를 실제로 만들고 Query를 작성해 볼 것이다. CREATE DATABASE UrbanShop;SQL Server를 SSMS로 접속해서 쿼리를 위와 같이 작성하면 아래와 같이 DB가 만들어진다.이제부터 이 DB에 모든 테이블을 생성할 것이다. 또한 View도 만들 것이다. 여기서 말하는 View DB 테이블의 데이터를 수집해서 하나의 뷰를 만들어서 보기 편하게 만드는 것을 말한다. 실제 HTML 같은 뷰가 아니란 것이다. 1차적으로 FK를 가지고 있지 않는 테이블을 우선적으로 생성했다. 작성한 쿼리는 아래와 같다. CREATE TABLE ACCOUNT( ACCOUNT_ID INT IDENTITY(1,1) PRIMARY KEY, ACCOUNT VARCHAR(10) NOT NULL, PASSWO..

오늘은 GPT를 이용해서 데이터베이스 프로젝트 시나리오를 만들어 달라고 했다. 아래는 온라인 쇼핑몰에 관한 데이터베이스 시나리오다. 실제 대학에서는 조금더 어렵게 나온다. 평균적으로 하나의 회사를 설계하는 모델링 과제가 주로 나오는데, 평균적으로 3~4명 정도의 팀원을 가지고 2~3주안에 하나의 프로젝트를 완성해야한다. 나의 학창시절 나의 가장 많은 시간을 들인 DB 프로젝트를 오랜만에 만져보기로 결심하고 시나리오를 채택했으니 아래 시나리오를 읽고 나의 정규화와 ERD를 보고 비교해보자.  DB는 누가 설계하는가의 따라 천차만별의 성능을 가진다고 본다. 또한, 보안도 천차만별이다. 실제 회사에서 일해보면, 중소기업 이하의 회사는 보안이 없다고 보면 된다. 그런 능력자를 대리고 일 할 만큼 수익을 발생하지..