2021. 11. 29. 18:03ㆍ[프론트엔드]_/[Javascript]_ES6
※단순 공부용 메모이며, 내용은 틀릴 수 있습니다.
1. 개발환경 탐색
지금 사용하고 있는 환경은 tomcat과 spring 조금 jsp로 이루어져 있다.
jsp란?
java 언어를 기반으로 하는 ServerSIde 스크립트 언어이다.
html 과 java 코드가 공존함으로써 정적인 html을 http통신(동적)을 혼합하여 사용할 수 있게 한다.
JSP가 실행되면 was(tomcat) 은 내부적으로 java로 변환한다.
변환된 servlet을 이용하여 기능을 수행한다.
tomcat이 만들어놓은 객체를 사용한다.
벡엔드부터 처음까지 하게 되면 Http 통신부터 공부해야한다. 이를 쉽게 도와주는 것이 spring Framework 이다.
2. 우선 tomcat을 실행하면 최상단 root부터 시작하게 되고 /를 통해 안쪽으로 들어가 url에 검색한 파일을 부르게 된다.
url에 검색한 파일 을 호출하게 되는데,
servlet-context.xml 파일을 생성하여 생략 할 수 있다.
현제 나의 디렉토리:
url 에 검색해야 나오는 페이지
현업 프로젝트에서 는 이렇게 더럽게 하지 않는다. 보통 login으로 입장하게 되는데
위의 경로 생략으로 ex)naver 만 검색하면 홈화면이 뜨는 것 처럼 만든 뒤
로그인 페이지에서 auth를 인증하고 성공하면 url의 주소의 jsp로 이동.
여기에서 전체적인 틀을 찍어준 뒤 기능이 많아져도 SPA를 유지하기 위해 document로 분리 후
원하는 옵션(button)을 클릭하면 해당 url로 쏴주는 형식을 유지한다.
<content> 만 바뀌는 형식을 유지한다.
여기서 중요한 것은 jsp는 동적인 웹을 만드는데 사용하며 html과 java가 섞인 파일이고
html은 틀이 되는 것이며, controller와 java파일들이 서버(백엔드) 를 만들어 준다는 개념이다
spring의 MVC형태를 가져가며 한번 페이지가 호출되면 안의 document를 jsp의 위치를 쏴주면서 동작하게 하는 것이다.
※단순 공부용 메모이며, 내용은 틀릴 수 있습니다.
'[프론트엔드]_ > [Javascript]_ES6' 카테고리의 다른 글
[IntelliJ]_Spring 개발환경 설정 (feat.Tomcat) (0) | 2021.11.30 |
---|---|
[_IntelliJ ]_ 코드 작성 시간을 줄여주는 단축키 (0) | 2021.11.30 |
[IntelliJ ]_설치와 Tomcat 서버 연동 (0) | 2021.11.27 |
[프론트엔드]_JavaScript(es6)_5. Object (0) | 2021.11.27 |
[프론트엔드]_JavaScript(es6)_4. Class (0) | 2021.11.27 |