한 줄 정리 ≣

• 데이터를 수정하거나 삭제할 때: 서버에 저장된 데이터를 선택적으로 가져오는 일은 백엔드 개발자가 처리합니다. 이후 이 데이터를 원하는 형식으로 화면에 보여주기 위해 수정하거나 삭제하는 일은 프론트엔드 개발자가 처리합니다.

• 새 데이터를 추가할 때: 새 데이터를 추가하면서 기능 개발이 필요할 때는 프론트엔드 개발자가 화면 UI를 만들고 백엔드 개발자가 서버의 비즈니스 로직을 만듭니다.

• 정적 애셋과 동적 애셋을 변경할 때: 정적 애셋은 프론트엔드 개발자가 프로젝트 폴더에서 관리합니다. 그러나 급히 정적 애셋을 변경해야 할 때는 백엔드 개발자가 서버에 있는 정적 애셋을 덮어쓰기합니다. 동적 애셋 변경은 자주 사용하는 기능이라 관리자 페이지에서 직접 처리할 수 있도록 구현해놓는 경우가 많아 관리자 페이지에서 관리자가 직접 처리합니다.

• 웹 페이지 표시 속도가 느릴 때: 백엔드 개발자가 리팩터링을 통해 비즈니스 로직 코드를 최적화하거나 트래픽에 따라 서버의 규모를 조정하는 스케일 업 또는 스케일 아웃을 진행합니다. 한편 프론트엔드 단에서는 서버의 부담을 줄이기 위해 클라이언트에서 HTML 파일을 완성하는 CSR을 고려합니다. 불러와야 할 애셋이 많아서 느리다면 프론트엔드 개발자, 서비스 기획자, 디자이너가 모여 애셋 최적화에 대해 논의해야 합니다.