JENNIFER5 프로토타입 스타터 프로젝트

시작하기

먼저 본 프로젝트를 Fork 하신 다음에 Fork 된 프로젝트를 체크아웃 받아주세요.

그리고 나서 아래 명령어를 실행하시면 됩니다.

npm install
npm start

http://localhost:3000

디렉토리 구조

pacakges 디렉토리는 제니퍼5 화면에서 실제로 사용되는 레이아웃과 컴포넌트가 포함되어 있습니다.

src 디렉토리에서 화면 개발을 하시면 되고, 제니퍼5 화면과 동일한 레이아웃 샘플 코드를 추가해놨습니다.

주요 프레임워크 및 라이브러리

제니퍼5 화면은 기본적으로 Vue.js 2 버전대를 기반으로 개발되었습니다.

그외 주로 사용하고 있는 라이브러리는 다음과 같습니다.

• lodash : https://github.com/lodash/lodash
• jquery : https://github.com/jquery/jquery
• dayjs : https://github.com/iamkun/dayjs
• vue-graph : https://github.com/juijs/vue-graph
• vue-sheets : https://github.com/juijs/vue-sheets

제니퍼5 화면 컴포넌트 예제

제니퍼5 화면에서 주로 사용되는 컴포넌트들에 대한 샘플 코드를 확인할 수 있습니다.

별도의 UI 라이브러리를 사용해서 구현해도 상관없으나 제니퍼5 화면과 비슷한 느낌으로 프로토타입 화면을 개발하려면 참고하시기 바랍니다.

https://storybook.jennifersoft.com/

참고 사항

제니퍼5 화면에서 사용되는 컴포넌트들은 packages 디렉토리에 주기적으로 동기화 될 예정입니다.