본문 바로가기

잡다한 기술

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




# 필자가 ASP.NET을 처음 듣게된 계기


<본 내용과 상관 없는 "영화 : 인턴" 포스터>


이 이야기는 처음 인턴으로 회사에 들어왔는데
갑자기 듣도보도 못한 ASP.NET이란걸 가지고
프로젝트를 하라는 이야기를 듣고 겪었던 일들을 적어보려 합니다.
그럼 시작하도록 하겠습니다.


일단 먼저 저는 일반 지방대생 졸업생으로 현재는 미국에서 인턴쉽을 한지 
4개월 정도 되는 초짜 프로그래머입니다.
처음 미국행 인턴쉽이 결정되고 나서는 3개월간 한국 본사에서 교육을 받게 되었습니다.
저는 교육을 받는다고 해서 열심히 배울 생각으로 공책과 연필, 노트북을 가지고 열의를 불태웠습니다만...


<메일 또한 트레이닝이라고 함>



가자마자 나를 맞이한건 처음 들어보는 ASP.NET과 갑작스런 대규모 프로젝트 참여
진짜 처음엔 가서 처음 보는 방식과 구조 사용 형태 때문에 벙 쪘지만
미국 가서 더 벙찌기 싫어 열심히 해보려고 노력했습니다.
매일 아침 5시에 일어나서 8시 30분까지 회사 도착하고
(집하고 회사하고 전철 타고 2시간 30분 거리였음)
밤 10~11시쯤 끝나고 집가서 바로 쓰러지고 또 일어나서 일 가고의 반복이었죠...


# ASP.NET 템플릿을 이용한 환경 구성



일단 내가 처음 교육 가서 처음 배운것은 프로젝트 구성이었습니다.
아마 프로젝트 구성 단계에서 하루를 썻던거 같네요..
(멍청하게도.....)

OS : Window 7 professional
개발 툴 : Visual Studio 2017 
프레임 워크 : ASP.NET MVC5
사용 언어 : HTML / CSS, JavaScript + Jquery, C#, Razor
데이터 베이스 : MSSQL

평소에도 Visual Studio를 사용하긴 했지만 
처음 Visual Studio 2017은 뭔가 더 복잡해진 느낌이 들었습니다.
화면은 다음과 같습니다.

<Visual Studio 2017 메인 화면>



처음 깔고나서 해야될 일은 솔루션 생성입니다. 

솔루션 생성은 파일 - 새로만들기 - 새 프로젝트를 들어가면 다음과 같은 화면이 나옵니다.


<파일 - 새로만들기 - 새 프로젝트>


그럼 템플릿 - Visual C# - 웹 으로 들어가서 ASP.NET 웹 응용 프로그램(.NET Framework)을 선택하고 이름과 위치를 설정한 다음 확인을 눌러주면 다음과 같은 화면이 생성됩니다.



현재는 폼을 직접 만들지 않을것이므로 MVC를 선택하고 확인을 눌러주면,



다음과 같은 화면이 나옵니다. 여기서 가장 먼저 볼것은 우측에 있는 솔루션 탐색기 입니다.. 솔루션 탐색기를 좀 더 자세히 보도록 하면





다음과 같습니다.

봐도 모르는 사람이 태반일껀데 괜찮습니다. (저도 그랬으니까요...) 
일단 뭘 보여주긴 해야하니까 일단 그냥 빌드 시켜 실행해봅시다.
Press Ctrl + F5!!!


<기본 빌드 화면>


오 뭔가 멋있는 화면이 나타났습니다. 

이건 ASP.NET 에서 기본적으로 제공하는 화면인데

간단한 기능들이 구현되어있는 틀이라고 보면 됩니다.
이걸로 기본적 구성이 완료 되었습니다.
솔직히 작업할때 이 방법 보단 비어있음 방법을 더 많이 쓰지만 뭘 보여줘야하니까 
이렇게 라도 보고 대충 솔루션 탐색기를 통해 구조를 파악해보는게 좋을것 같네요.
만약 이해가 안간다면 걱정하지 마세요
차근차근 배워가면 되니까요
다음 도전기는 비어있음을 통해 구조를 셋팅하는 법을 적어보겠습니다.