프레임워크와 React
수강생 질문
실무에서 보통 BE가 작업을 시작하고 완료되면 그걸 기반으로 FE가 작업할 때가 있잖아요. 보통 BE가 return 위 = 동작을 작업하고, FE가 return 아래 = 구조를 작업한다고 보면 되나요? 예를 들면 이커머스 회사에서 새로운 할인이벤트를 열 때, BE가 가격 계산 로직같은걸 작업하고 그게 준비됐을 때 FE가 제 디자인을 가지고 실제 화면에 어떻게 할인금액이 뜨게 할지 작업하더라고요. 아니면 꼭 BE, FE 나눠서 생각할게 아닌 개념인지요?
답변 1개
답변
여기서 return 개념은 프론트엔드 범위 안에서 컴퍼넌트 혹은 함수가 작동하는 방식을 얘기하는건데요. (BE - FE 관계가 아닌) return이란 구문이 말 그대로 OO을 반환하겠다라는 의미입니다. 컴퍼넌트를 예로들면 버튼을 눌렀을때 동작하는 로직들이 필요한데 그것들은 return 위의 스크립트 영역에서 정의하고, 실제로 UI의 형태와 동작만 담당하는 코드가 return 다음으로 오는거죠. 다시 정리하면 return위는 컴퍼넌트가 동작하기 위해 필요한 변수, 로직들의 정의하는 역할이고 return 내부에는 html 태그나 또다른 컴퍼넌트가 click과 같은 이벤트 발생했을때 미리 정의된 특정 로직 또는 함수를 쓰겠다는 내용이 담겨져있씁니다.