프론트엔드 개발자가 ui 템플릿 활용한 개발의 대한 특징과 고려사항 + 개인적인 생각

이번 포스팅에서는 개발 비용을 줄이기 위해 프론트엔드 개발 시 UI 퍼블리싱 시간을 줄이기 위해 사용되는 템플릿 활용의 대해 다뤄보겠습니다.
 
대표적으로 아래와 같이 템플릿이 잘 되어 있습니다.
 
==> 템플릿 사이트 중 하나 : creative-tim
 
https://demos.creative-tim.com/material-dashboard-pro-material-ui-v4/?_ga=2.260116749.1875566178.1709123070-703334713.1709123070#/admin/dashboard

Material Dashboard 2 PRO React by Creative Tim

 
 

1. 템플릿 특징

- 단돈 몇푼으로 구매하여 본인이 원하는 템플릿을 사용 할 수 있다.
- UI 개발 비용을 한푼 아낄 수 있다.
 
 

2. 템플릿 사용시 고려사항

- 본인이 사용하는 템플릿 중 본인이 사용하는 주력 스택을 고려해야한다.
- 템플릿 사용시 본인 개발 환경과 템플릿 프로젝트의 개발 환경을 고려하여 셋팅해야 한다.
- 본인이 하던 개발 방식과 많이 다를 수 있고 무수한 라이브러리가 존재 하기 때문에 필요 없는 라이브러리도 정리 작업 필요
- 예를 들어 본인이 Node.js 환경이 20인데 템플릿 개발 환경이 Node.js 14라고 가정하면 그의 알맞게 호환성을 맞춰야 하는 번거로움도 존재한다.
 
 
 
따라서 본인이 어떤 방식이 편하고 좋은지의 대해 본인의 선택으로 진행하기를 추천한다.
 
필자의 경우 개인적으로 템플릿을 이용하여 개발하는 것을 그닥 선호하지 않는다.
소스코드가 매우 복잡하고, 개발 호환성도 일일히 맞춰줘야 하고 필요 없는 파일들의 대한 잔해가 남아 있기 때문에 템플릿을 활용한 개발의 대한 거부감을 느끼는 편이다. 그냥 차라리 클론코딩을 하여 개발하는 것이 오히려 더 나을 수도 있다고 생각한다.
 
요즘은 React Native도 관심을 가지고 개발하는 편이라 Nodejs 18 미만 버전의 사용의 대한 거부감이 더 크고 버전 낮은 것을 사용의 대한 거부감도 큰 편이라 사용을 지양하는 편이다.
 
그냥 템플릿은 구매만하고 어떤 구조로 만들어졌는지 알아보는 정도로만 활용하는 편으로 생각하고 있다.