- 게시판의 확장이라는 웹 프론트엔드의 한계를 극복하고 싶었습니다. 오직 프론트엔드 기술만을 사용하여, 저의 기술적 성장과 노력의 한계를 뚫고 싶었습니다. 사용자가 웹을 사용할 때, 새로운 경험을 보여주고 싶었습니다.
- 이러한 목표를 달성하기 위해 'DreamMaker'라는 이름을 지었습니다. 이 이름은 저의 웹 직무의 꿈을 이루겠다는 의미와 더불어, 사용자가 무엇을 할 때, 시작할 때 웹이라는 발판에서 자신의 꿈을 이루도록 하는 의미를 담고 있습니다.
- 'DreamMaker'는 단순히 기술적인 한계를 극복하는 것뿐만 아니라, 사용자의 경험을 향상시키고 새로운 가능성을 열어가는 웹 프론트엔드의 역할을 상징합니다. 이를 통해 저만이 아니라 다양한 사용자들이 웹을 통해 자신의 꿈을 향해 나아갈 수 있기를 희망합니다.
- 사용자가 직접 도형을 선택하며, canvas에 배치할 수 있습니다. 이후 웹페이지에 동작할 태그 역할을 합니다.
- 사용자가 배치한 도형에 스타일을 적용할 수 있습니다. 색상, radius, shadow 폰트 스타일 등 다양한 스타일 기능이 있습니다.
- get방식 post방식을 key값 입력을 통해 api 통신이 가능합니다. 프로그래밍에 특화된 DreamMaker는 사용자가 직접 개발에 적용가능한 api 설계를 도와줍니다.
- 이후 다운로드시, 웹페이지의 도형 객체의 위치를 동일하게 적용하기 위해, 정렬 기능이 구현되어 있으며, 그룹화 기능을 통해 빠른 웹 개발이 가능합니다.
- 사용자경험을 고려해 지루한 정적 웹페이지가 아닌, 인터렉티브 웹사이트를 위한 다양한 애니메이션적용이 가능합니다.
- 적용한 애니메이션은 다운로드시 스크롤 반응에 따라 적용이 되며, 인터렉티브 웹사이트 제작이 가능합니다.
- 사용자가 작업한 내용을 임시저장이 가능하며, 이후 불로오기를 통해 다시 작업을 할 수 있습니다.
- 다운로드시, html/css/js 코드로 변환이 되며, html 파일로 다운이 됩니다. 이후 ide를 통해 프로그래밍을 계속 할 수 있습니다.
기존의 프론트엔드 로그인 기능을 DreamMaker를 사용하면, 1분안에 구현이 가능합니다.
메인페이지의 인터렉트브 웹사이트 또한 5분안에 구현이 가능합니다.
지속적인 리펙토링을 통해 코드 분할을 통한 최적화를 진행할 예정입니다.