초린이를 위한 FE(Front-End)와 BE(Back-End)의 역할 비교
이 글은 '코린이'를 위한 글입니다.
EX) 사용자가 로그인을 한다고 가정하자.
FE
- 사용자가 로그인을 할 수 있도록 아이디와 비밀번호를 작성할 수 있는 input창과 로그인하기 버튼이 있다
- 'enter' 또는 로그인 버튼을 누르면 로그인을 시도한다
- 아이디와 비밀번호의 값들을 로그인을 담당하는 BE로 보낸다
BE
- 받은 아이디와 비밀번호 값이 유효한지 체크한다
- 올바르지 않으면 에러 내용을 맞으면 맞다는 내용 또는 다른 페이지로 이동할 것을 FE에서 다시 전달해준다.
FE
- 전달받은 내용을 보여주거나 전달받은 페이지로 이동한다.
FE는 사용자의 눈에 보이는 모든 것들(아이디&비밀번호 입력창, 로그인하기 버튼 등)을 만드는 역할이다. 또한 그 아이콘, 버튼들이 사용자가 원하는 역할을 하게 하는 것도 FE의 역할이다. 로그인을 하려고 아이디&비밀번호를 입력하여 로그인 버튼을 눌렀는데 공지사항 페이지로 이동하면 안되는것처럼 FE의 역할을 사용자가 사용하는 기능이 원하는 기능이 될 수 있도록 도와주는 것이다.
BE는 실제로 작업을 하는 곳을 의미한다. FE에서 아이디&비밀번호를 로그인을 체크하는 공간에 주어지면 DB(DataBase)에서 확인하고 로그인이 가능한지 아닌지를 판별하여 다시 FE에게 알려주는 역할을 한다.
