비트캠프를 다니며 웹개발 과정을 수강했었는데, 배웠던 지식이 완전히 내 것이 되지는 않은 것 같다.

머릿속에서 절차가 정립이 되어있어야 다른 시스템에서 개발할 때에도 적응이 빠를 것 같다는 생각에 개발절차를 정리해보고, 또 익숙해지려 한다.

사전 준비

 - jdk 설치

 - eclipse ee버전 설치

 - 톰캣서버 설치

 - gradle 설치

 - 등등...

-------- 가장 기본적인 뼈대만 가진 서버를 구축하고 돌려보자. --------

프로젝트 생성

 - new -> project

이클립스용 프로젝트로 변환

 - build.gradle 파일에 들어갈 스크립트 작성

 - cmd창에서 해당 프로젝트 폴더로 이동 후 명령어 입력

   > gradle eclipse

 여기까지 하고 이클립스 가서 프로젝트 새로고침을 하면 지구본 모양이 생기며 웹프로젝트가 된다!

 web app libraries 파일들을 잔뜩 다운받아 왔는데, 이 파일들은 프로젝트 폴더에 가도 없다.

 그럼 어딨을까?

 이클립스에 설정해 둔 workspace로 가서 아래 경로를 쭉 따라가 보자.

 .metadata/.plugins/org.eclipse.wst.server.core/tmp0/wtpwebapps/프로젝트명

 위 경로에서 WEB-INF에 들어가 보면 쉽게 찾을 수 있을 것이다.

폴더구조 및 파일 생성

 - build path에서 아래 디렉토리들을 생성

 - src/main/java

 - src/main/resources

 - src/main/webapp       (여기에 index.html파일을 넣자. 조금 후 서버를 구동하여 테스트 해보자.)

 - 테스트 절차를 거치려면 테스트폴더도 마련하자.

 - 위 구조는 gradle이 기본적으로 가져가는 구조다. maven에서 차용해 온 구조인 것 같다.

서버구동

 - 이클립스에서 톰캣서버를 구동

-------- 여기까지가 되면 이제 클라이언트로 서버에 접속할 수가 있게 된다. --------

-------- web.xml을 추가하여 서블릿 기반으로 동작하도록 만들자. --------

 web.xml에서는 세가지 일을 하면 됨.

 - 서비스단 xml을 이용하여 bean 생성

 - 서블릿단 xml을 이용하여 bean 생성

 - 공통 설정(인코딩 등)

-------- 여기까지 됐으면 이제 단일 인입점으로 들어갈 수 있게 된다. --------

-------- Spring 기반으로 동작하도록 만들자. --------

서비스단 관련 xml파일 생성

 - common-service.xml

 - mybatis-config.xml

 - xxxMapper.xml

서블릿(컨트롤)단 관련 xml파일 생성

 - common-servlet.xml

-------- 여기까지 됐으면 이제 스프링의 xml기반 틀이 만들어진 것이다. --------

-------- 이제 컨트롤러를 채워 보자. --------

 @annotation 기반으로 컨트롤러 만들기

-------- 여기까지 하면 백엔드(컨트롤러레이어)가 어느정도 틀을 잡게 된 것. --------

-------- 이제 서비스, 리파지토리를 채워 보자. --------

 @annotation 기반으로 서비스, 리파지토리 만들기

-------- 여기까지 하면 백엔드(서비스레이어)가 어느정도 틀을 잡게 된 것. --------

-------- 이제 프론트엔드를 붙여보자. --------

 - html, javascript(jQuery), css으로 기본적인 프론트엔드를 만듦.

 - Ajax로 json요청을 하도록 만듦.

 - jsp(el, jstl)을 사용해서 만듦.

-------- 여기까지 하면 서버를 테스트해볼 수가 있게 된다. --------

-------- MyBatis를 연결하자. --------

 - mybatis-config.xml

 - xxxMapper.xml에 sql 작성해서 채워 넣기

-------- 여기까지 됐으면 이제 제대로 된 서비스가 가능해진다. --------