React Foundation

Release Note

Ver 1.0 - Project Setup : 2016-08-17

프로젝트 개요

React를 활용한 Front-End 프레임워크를 구축.

프로젝트 목표

1. 설치 가이드
2. CSS Framework 선정
   • Foundation
   • Bootstrap
3. 기본 컴포넌트 구성
   • Layout
     • 2열 Form Layout
     • 3열 Form Layout
     • Accordion
     • Left Area + Center Area
     • Tabs
     • Modal(Popup)
   • Form
     • TextField
     • TextArea
     • Select Box(이하 Combo)
     • Radio
     • Check Box
     • Combo + TextField
     • TextField + PopupBtn + ClearBtn
     • TextField + FuncBtn
     • 전화번호 양식(TextField + TextField + TextField)
     • 날짜
     • 날짜(시작일~종료일)
     • 자동완성(사용자 검색등등)
     • Help Icon
     • File Upload
     • TextField + Label(단위 등)
   • Grid[Kendo Grid]
     • Sort
     • Arrange
     • Filter
     • Paging
     • Infinity Scroll
     • Tooltip
     • Drag&Drop
   • Tree[Kendo Tree]
     • Search
     • Icon
     • Tooltip
   • Chart[HighChart]
     • Pie
     • Bar
   • Others
     • Growl
     • Widget
4. 다국어 지원
5. 샘플 코드
6. 프레임워크 아키텍쳐 구성
7. Sample Pages & APIs
8. History Backslash

프로젝트 Tools

• Eclipse IDE
• Node.js
• React.js
• 업무공유 - Trello
• 문서작성 - Slides
• 프로젝트 관리 - Git

프로젝트 구성원

• 연구4팀 - 이창은, 정영태, 정정윤
• ITSM사업팀 - 김도원

Documents

React 설치가이드

React 기초

프로젝트 설치 가이드

• 프로젝트 설치
  • git clone https://github.com/jungyoungtai/react-foundation.git
• 패키지 설치
  • $ npm install
• Examples 빌드 및 확인
  • $ gulp examples
  • examples/index.html 확인(Hello World)
• Component Examples 기동
  • $ npm run hot-component-server
  • http://localhost:4000

참고자료

React 자료