웹개발 공부 - 1. 프로젝트를 만들어보자

먼저 프로젝트를 만들 빈 폴더를 생성을 해줍니다.

그다음 VSC(Visual Studio Code)를 켜줍니다. 저는 VSC를 사용합니다.

 

 

왼쪽 상단의 File 누른후 Open Folder를 눌르면 파일 탐색기가 열립니다.

거기서 아까 프로젝트로 사용할 빈 폴더를 선택해줍니다.

 

이제 프로젝트에서 쓸 폴더를 만들겠습니다.

assets : 이미지 파일, css 파일, js 파일 등을 저장할 디렉터리 입니다.

controllers : 페이지가 로딩되기전에 처리할 각종 업무를 보는 디렉터리 입니다.

model : DataBase와 연동하거나 데이터를 Input, Output 하는 디렉터리 입니다.

views : 화면에 보여질 페이지가 있는 디렉터리 입니다.

 

열심히 MVC 구조를 만들어 볼려고 노력해보겠습니다. 

MVC 구조는 인터넷에 검색해보시면 쉽게 접하실수 있습니다.

 

왼쪽 디렉터리를 보시면 만들어놓은 프로젝트 폴더를 불러왔습니다.

 

기본적인 준비는 끝난거같습니다. 다음 시간에는 NodeJS를 설치해보도록 하겠습니다.