코딩 새내기인데 백엔드 프런트엔드가 헷갈려요

예를 들어 자바를 배우고 있는데 

 

한 화면이 javascript, java,xml 등으로 이루어져 있는데 

 

이거는 백엔드쪽인거에요? 아님 프런트엔드 인거에요?

[익인1]

서버가 백이고 사용자 화면이 프론트라고 생각하면 쉬워요

[글쓴이]

아 감사합니다!!ㅎㅎ

[익인2]

저 두개간 관계가 헷갈리시면 HTTP가 어떻게 작동하고 웹브라우저에서 서버로 요청해서 화면에 표시되는 과정을 정확하게 이해하는 게 중요할거 같아요...!

[익인2]

...라기엔 새내기시구나... 고럼 아직은 구분 헷갈리셔두 괜찮아요. 점점 알게 되실거에요...

[익인2]

일단 지금은 HTML JS CSS 면 웬만하면 프런트엔드고 그 외 기타 (자바, XML, 등등) 은 전부 백엔드라고 생각하시면 될 듯요

[글쓴이]

감사합니다!!

[익인3]

본문은 프론트엔드고, 그 코드중에 수업때 배운 것처럼 함수 짜져있고 실제로 구동되는 로직을 만들어놓은게 백앤드에요 페이지를 어떻게 보여지게 만들까에 대한 것만 기술된건 프론트

[글쓴이]

그러면 .java파일 코드에서도 함수부분 구동되는 로직있는건 백엔드단이다 라고 이해하면 되는거죠?

[익인4]

사용자가 보이는 화면을 앞(front), 화면이나 사용자 조작을 통해서 처리되는 보이지 않는 부분을 뒤(back)라고 생각하면 돼요.
지금 이 인티 댓글로 예를 들면 화면에 보이는(전체적인 디자인은 디자이너가 보통함) 입력창이나 버튼 이벤트(댓글 버튼을 클릭했을 때 글을 서버에 보내는 처리 등)까지가 프론트엔드라면 백엔드는 보내진 글을 받아서 db에 저장하는 부분을 백엔드라고 생각하면 될 듯..

[익인5]

화면에 보여지는 데이터들은 백엔드에서 만들어지는 데이터들이고 사진이나 디자인 배치를 하면서 데이터랑 같이 배치해주는게 프론트