MicroFrontend 구현 프로젝트!

프로젝트 목표Permalink

• 각 컴포넌트를 라이브러리화 한다.
• 해당 컴포넌트 라이브러리를 사용해서 페이지를 구성한다.
• 해당 페이지들을 모아 TASK(단계)를 구성하여 라이브러리화 한다.
• 각 TASK들이 모여 SPA방식으로 돌아가는 Process를 구성한다.
• 이때 TASK들의 이동은 일정한 JSON Data에 정의된 프로세스 흐름대로 진행된다.
• TASK는 입출력이 명확하며, 서버와 약속되어 있다.
• 각각의 Process는 프로세스화면 스타일ID에 따라 전체적인 파일의 CSS Style이 바뀐다.

프로젝트 개발환경Permalink

• 개발 언어 및 프레임워크 : ESNext, Typescript, Svelte, Sveltekit
• 개발 툴 : intelliJ
• 설치프로그램 : node.js
• 빌드 : vite
• library repository : nexus3 repository(ncloud) 서버에 띄움

★ 해당 블로그는 끝없는 시행착오의 과정입니다. 문과 출신 개초보 프로삽질러 개발자라 용어의 사용이 정확하거나 적합하지 않을 수 있습니다. 혹시 잘못된 부분은 댓글 달아주시면 확인 후 많이 배우며 시정조치 하겠습니다.. 그리고 개발을 시작하는 분들에게도 작게나마 도움이 되길 바랍니다.