빠른 개발이 가능한 React.js , Next.js 템플릿 유지보수해서 다시 올려봐요!

Question

앞전 React.js , Next.js 로 개발한 위젯 템플릿 배포에 대해 오키에 글을 올렸습니다!!당시 많은 분들께서 좋은 말씀을 해주신 점도 있지만 문제점을 지적해주신 글도 보았습니다...그리고 이후 많은분들 덕분에 저의 코드를 공부하는 시간을 갖게 되었습니다.오키분들 덕에 또 한번 성장하는 계기가 되었습니다!! 다시 한번 감사합니다!당시 아쉬웠던 피드백 중 스타일에 대한 재사용성이 중구난방이다 와 정리가 필요할 것 같다는 글을 보고좀 더 재사용성과 추후 유지보수에 집중하여 코드를 개선했습니다프론트 개발자 분께서 CSS 및 UI 개발 때문에 많은 시간을 허비 및 소비하는 것에 대해 많이 공감하고 있습니다...저 역시도 매일하고 있구요 ㅜㅜ그래서 어떻게 하면 프론트 개발자 분들이 UI 설계보다.. &#34;좀 더 개발에 집중할 수 있을까?&#34;라는 고민을 하였고,이에 대한 결과로 나름 저만의?? 템플릿 위젯을 만들어서 공유하게 된 계기가 되었습니다물론 부족한 점도 있고, 아쉬운 점도 있겠지만 매일마다 고민하고,고민한 결과에 대해 꾸준히 개선하고 있으니 지켜봐주시면 감사하겠습니다!제가 제작한 커스텀 위젯에 대해서는src > uilibs 폴더에 다양한 위젯 및 스타일 theme을 관리하고 있습니다!Typescript 및 Javascript는 선택적으로 사용가능하도록 해뒀습니다!당시 Flutter 개발을 하면서 위젯 트리방식에 영감을 받아 제작하게 되었으며,서비스를 개발할때 자주 사용되고 필요한 위젯(컴포넌트)에 대해 고민하여 제작하게 되었습니다추가적으로 자유롭게 커스텀할 수 있도록 최대한(?) 직관적으로 제작해뒀습니다!!또한 SEO 및 사이트맵 관련에 대해서도 많은 프론트 개발자분들이 귀찮아 하시는 것같아....이부분도 어느정도 셋팅을 해뒀습니다!해당 프로젝트는 PWA를 제공하고 있으며, PWA 및 WebView에서도 네이티브 앱과 이질감 없는서비스를 구현할 수 있도록 레이아웃 및 위젯들을 셋팅해뒀습니다! 부족한 점이 있거나 개선이 필요한 점있다면언제든 피드백 환영입니다!쓴소리도 당연히 받아들일 준비가 되어있습니다! 깃허브 주소 : https://github.com/deep-hwan/Next-Ts-template 결과 화면 : https://github.com/deep-hwan/Next-Ts-template전달드린 링크인 결과 화면내에서 다양한 위젯(레이아웃, 버튼, 인풋 , 모달 등) 들을 확인할 수 있습니다

빠른 개발이 가능한 React.js , Next.js 템플릿 유지보수해서 다시 올려봐요!

0개의 답변

기술 목록