인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

메모장님의 프로필 이미지
메모장

작성한 질문수

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

자바 백엔드 웹 기술 역사

Html 생성 프로그램 관련하여 질문드립니다!

작성

·

229

0

강의내용중 타임리프가 가장 최선의 선택이라고 들었습니다. 그런데 html을 공부를 하다보면 퀄리티있은 작업들은 비쥬얼 스튜디오 코드에서 작업하는경우를 많이 봤습니다.

(질문입니다.)

1.이러한 html퀄리티가 타임리프에서도 나올까요?

2. 비쥬얼 스튜디오에서 작업을 했을시, 해당 프론트단을 인텔리제이의 백엔드를 연동시키려면 어떻게 해야할까요? 예를들어 비쥬얼 스튜디오의 폼태그와 인텔리제이의 로그인관련 데이터를 처리하는 코드를 연동시키는 것처럼 이런부분이 어떻게 연결되는지 궁금합니다!

답변 1

1

안녕하세요, 메모장 님. 공식 서포터즈 codesweaver 입니다.
.
1. HTML의 퀄리티는 IDE 툴과는 무관한 부분입니다 :) 인텔리제이도 자동완성 부분이나 기타 편의부분에서 VSCode에 밀리지 않습니다. emmet 기능등이 기본 제공되며, 혹시 부족한 부분은 플러그인을 통해 보완할 수 있습니다. (인텔리제이가 유료 툴이니 만큼, 다른 툴에 있는 기능은 거진 다 제공합니다, 그래서 FTP에 바로 붙어서 작업해야 하는 경우 빼곤 제트브레인사 제품이 가장 편하긴 합니다)

 

2. 타임리프를 사용하는 프로젝트의 경우 프런트 개발자가 백엔드 없이 제작한 파일(HTML, CSS, JS 까지만 작업) 을 백엔드에게 전달합니다. 그럼 백엔드 개발자는 스프링 구조에 맞게 리소스를 분리하는 식으로 연계합니다. 이 과정에서 실제 백엔드와의 연동없이 구현이 어려운 JS의 경우는 백엔드가 직접 보충하기도 합니다.

.

타임리프를 쓰지 않고 API 방식으로 소통할 경우는, 백과 프론트의 소스를 별도로 관리합니다. 그리고 API 사용 방법등을 웹사이트로 제공하여, 프론트에서 이를 참조하여 개발을 할 수 있도록 합니다. API 문서는 꼭 사이트로 제공하는것은 아니고 모두가 공유할 수 있는 문서로 관리하기도 합니다.

.
감사합니다.

메모장님의 프로필 이미지
메모장
질문자

답변 정말 감사드립니다. 답변주신 내용중 추가로 궁금한것있습니다. 실제 실무에 관련해서 궁금한것인데요,

codesweaver님께서,

프런트 개발자가 백엔드 없이 제작한 파일(HTML, CSS, JS 까지만 작업) 을 백엔드에게 전달합니다. 그럼 백엔드 개발자는 스프링 구조에 맞게 리소스를 분리하는 식으로 연계합니다.

라고 말씀주셨는데요, 이과정중 프론트 개발자로 하여금 HTML,CSS,JS파일을 넘겨받게되면 해당 파일들을 인텔리제이 프로젝트에 있는 파일들로 옮긴다고 말씀주신걸까요? 연계한다는것이 따로 밖에서 연계하는것인지, 그냥 받아서 인텔리제이내부로 당겨온다시는건지 궁금합니다. 

안녕하세요 메모장님.

네 말씀하신 부분이 맞습니다.

파일을 받아서 인텔리제이에서 작업하고 있는 프로젝트에 붙입니다.

메모장님의 프로필 이미지
메모장

작성한 질문수

질문하기