본문 바로가기

잡다한 기술

[ASP.NET MVC5 도전기]비어있는 템플릿을 이용하여 ASP.NET MVC5 환경 구성




빈 템플릿을 사용하는 이유


저희는 이제 템플릿을 이용하여 솔루션 구성을 완료 하였습니다.

하지만 이 템플릿을 이용하는 방법에는 크나큰 문제가 있습니다.

바로 템플릿을 이용하면 필요도 없는 파일들이 구성되어 지고 용량이 증가한다고 합니다. 

그렇기 때문에 좀더 파일과 용량을 유동적으로 관리할 수 있어야 합니다.

그럼 저희는 무엇을 사용해야 할까요? 

바로 빈 템플릿(empty templet)이라는 템플릿을 사용하여야 합니다.



빈 템플릿 사용하기


OS : Window 7 professional

개발 툴 : Visual Studio 2017 

프레임 워크 : ASP.NET MVC5



빈 템플릿에서 작업이라고 해도 뭐 다를건 없습니다. 

그저 템플릿이 없어서 프로그래머가 구성하기 쉬운 형태로 만드는 것!! 

생성하는 부분은 다음과 같습니다.

먼저 "파일 - 새로만들기 - 새 프로젝트"를 들어갑시다.

창이 하나 뜹니다. 그럼 "템플릿 - Visual C# - 웹"을 클릭하고

"ASP.NET 웹 응용 프로그램(.NET Framework)"를 선택후 

이름을 원하는 대로 위치도 원하는대로 바꿔주세요.

그다음 "확인"을 누릅시다.



그럼 다음과 같은 화면이 나오는데,

여기선 "비어있음" 을 클릭후 

"다음에 대한 폴더 및 핵심 추가" 부분에 "MVC" 를 클릭합시다.

그다음 확인을 누르면 



이런 화면이 나옵니다. 

저번 템플릿 화면하고 다른지 모르시는 분도 있을텐데,

분명 다릅니다.

그게 눈에 안보일뿐 이제부터 시작입니다. 

이제 솔루션 탐색기를 봐봅시다.



차이를 느낄려면 위의 사진을 보면 알 수 있습니다. 

전에 템플릿을 사용했을땐 좀더 뭔가 파일들이 복잡하게 많았는데,

템플릿을 사용하지 않으면 뭔가 초라해보입니다.

이제 저 초라한 솔루션 탐색기를 저희가 필요한 파일들로 채워야 합니다.

차근차근 따라오시면 하실 수 있습니다. 시작해 봅시다.

(여기서는 MVC 패턴을 기반으로 작성 합니다. 만약 MVC가 모르신다면 아래 링크를 한번 보시길 바랍니다.)

(링크 : http://junprogramer.tistory.com/25)


일단 이 상태로 빌드를 해 봅시다.



# Controllers



ASP.NET MVC5는 컨트롤러가 핵심입니다.

컴파일러는 처음 빌드할때 컨트롤러부터 찾기 때문입니다.

그래서 우리는 컨트롤러를 만들어야 합니다. 

먼저 솔루션 탐색기에 컨트롤러 폴더가 보일것입니다. 

오른쪽 마우스를 클릭 후 "추가 - 컨트롤러"를 클릭해봅시다. 



그럼 위와 같은 화면이 나오는데 "MVC 5 컨트롤러 - 비어 있음"을 선택하고 추가를 눌러주세요.

그럼 이름을 선택하라고 뜨는데 원하는 이름을 선택후 추가를 누르면 됩니다.



자 그럼 다음과 같은 파일이 생성된것이 보입니다. 

더군다나 뷰 폴더에는 그 해당 이름에 대한 폴더가 하나 생성 되었습니다.


여기서 알아둬야 할게있습니다.

ASP.NET MVC5는 맨처음 빌트를 하면, 

컨트롤러 파일에서 호출한 View클래스의 이름을 찾습니다. 

(기본은 Index)

그럼 컨트롤러에서는 해당 컨트롤러 호출 클래스의 이름을 가진 폴더view(.cshtml)를 호출합니다. 이런식으로 작동을 하는데 만약 모르겠다면 그리 깊이 생각하지 않아도 됩니다. 

나중에 차근차근 기억하게 될테니 말입니다. 

여튼 컨트롤러가 생성된걸 확인하면 이제 남은건 View를 만들어 줘야 합니다. 



# View



View는 사용자의 화면의 출력해줄 프론트 엔드를 말합니다. 

그럼 저희가 생성한 컨트롤러 이름의 해당하는 폴더 안에 View를 만들어줍시다.

"컨트롤러 이름"의 "폴더 - 추가 - 뷰" 를 클릭해줍시다.



그럼 다음과 같은 화면이 나타납니다. 

여기서 저희는 템플릿을 사용하지 않기 때문에 템플릿은 "Empty"

(만약 사용자가 원하는 템플릿이 있다면 사용해도 좋습니다.)

뷰 이름은 사용자가 원하는 대로 설정을 해줍시다.

(저 같은 경우는 컨트롤러 이름과 메인 뷰 이름을 맞추기 때문에 이번에도 그리 작업하겠습니다.)

이제 옵션을 보도록 합시다.

현재 옵션은 "부분뷰로 만들기", "레이아웃 페이지 사용" 이 두가지를 선택할 수 있습니다.

일단 저희는 레이아웃이 없기 때문에 레이아웃을 생성해줘야 합니다.

("부분뷰로 만들기" 옵션의 대한것은 나중에 따로 포스팅 하도록 하겠습니다.)

이제 다 완료가 되었으므로 "추가" 버튼을 클릭합시다.



이제 이걸로 기본 구성은 완료가 되었습니다.

기존의 템플릿을 사용했던 솔루션과 얼추 비슷해진 느낌을 받으실 수 있을겁니다.

자 백문이불여일견(百聞不如一見)이라고 프로그래머는 눈으로 확인을 해야 이해를 할수 있으니,

빌드를 시켜보도록 합시다.



위와 같은 화면이 나온걸 확인할 수 있습니다.

(만약 오류가 발생하였다면 댓글로 알려주시면 성심 성의껏 대답해 드리겠습니다.)

버전에 따라 다르겠지만 오류 없이 정상적으로 무언가 출력이 되었다면,

잘 따라오신 겁니다.

이제 사용자가 원하는 대로 프론트 엔드와 백엔드를 수정하면,

ASP.NET MVC5를 이용한 웹이 만들어 집니다.


자 이제 저희는 빈 템플릿을 이용한 웹을 만들었습니다.

따라오시느라 수고하셨습니다.

만약 모르시는게 있다면 댓글로 질문해 주세요.

성심성의껏 대답해 드리겠습니다.

(제가 아는 범위에서 ㅠㅠ)

그럼 이것으로 마무리 짓도록 하겠습니다.