JavaScript 활용팁
2018.12.03 / 01:11
NHN Entertainment - javascript component FE개 산출물 데모 예제
XMaLL관리자
추천 수 235
FE개발
FE개발랩에서 프로젝트 및 내부 과제를 수행하면서 생산한 기술 산출물로, 공통 모듈 및 컴포넌트와 개발 가이드 등을 포함합니다.
배포되는 산출물은 FE개발랩에서 개발/관리하며 MIT 라이선스로 자유롭게 사용할 수 있습니다.
단, FE개발랩의 동의 없이 임의로 수정하여 사용된 코드에 대해서는 유지보수 및 산출물의 품질을 보증을 할 수 없으니,
추가/수정 요청 및 문의, 버그 신고는 [Issues] 또는 [FE개발랩 DL]을 이용해주세요.
자바스크립트 개발 가이드
자바스크립트 개발 시 필요한 내용들을 가이드 합니다.
본 문서는 코딩컨벤션, 디버깅, 테스트 등과 같이 기본적인 내용부터 의존성 관리 및 압축까지의 개발 전반에 대한 내용을 다룹니다.
자바스크립트 개발 가이드 바로가기
Applications
| Name | Description | Documentation |
|---|---|---|
| Chart | 차트 | [API], [Example], [Tutorial] |
| Editor | 에디터 | [API], [Example], [Tutorial] |
| Grid | 그리드 | [API], [Example], [Tutorial] |
Components
| Name | Description | Documentation |
|---|---|---|
| Animation | 애니메이션 효과 컴포넌트 | [API], [Example] |
| AutoComplete | 검색어 자동완성 컴포넌트 | [API], [Example], [Tutorial] |
| ColorPicker | 컬러 피커 컴포넌트 | [API], [Example], [Tutorial] |
| ContextMenu | 컨텍스트 메뉴 컴포넌트 | [API], [Example], [Tutorial] |
| DatePicker | 데이트 피커 컴포넌트 | [API], [Example], [Tutorial] |
| FileUploader | 파일 업로더 | [API], [Example], [Tutorial] |
| FloatingLayer | 플로팅 레이어 컴포넌트 | [API], [Example], [Tutorial] |
| GestureReader | 제스처 리더 컴포넌트 | [API], [Example], [Tutorial] |
| ImageEditor | 이미지 에디터 컴포넌트 | [API], [Example], [Tutorial] |
| Layout | 레이아웃 컴포넌트 | [API], [Example], [Tutorial] |
| Pagination | 페이지네이션 컴포넌트 | [API], [Example], [Tutorial] |
| Placeholder | 플레이스홀더 컴포넌트 | [API], [Example], [Tutorial] |
| Rolling | 롤링 컴포넌트 | [API], [Example], [Tutorial] |
| TimePicker | 타임 피커 컴포넌트 | [API], [Example], [Tutorial] |
| Tree | 트리 컴포넌트 | [API], [Example], [Tutorial] |
| VirtualKeyboard | 가상키보드 컴포넌트 | [API], [Example], [Tutorial] |
| VirtualScroll | 가상스크롤 컴포넌트 | [API], [Example], [Tutorial] |
Mobile Components
| Name | Description | Documentation |
|---|---|---|
| AppLoader | 앱로더 컴포넌트 | [API], [Example], [Tutorial] |
| Flicking | 플리킹 컴포넌트 | [API], [Example], [Tutorial] |
Utils
| Name | Category | Description | Documentation |
|---|---|---|---|
| CodeSnippet | 코드 스니펫 (자주 사용되는 코드 모음) |
[API], [Tutorial] | |
| browser.js | 브라우저 검출하는 모듈 | ||
| collection.js | 콜렉션 관련 모듈 | ||
| customEvent.js | 커스텀이벤트 모듈 | ||
| defineClass.js | 클래스 관련 모듈 | ||
| defineNamespace.js | 네임스페이스 관련 모듈 | ||
| enum.js | 상수 관련 모듈 | ||
| exMap.js | 맵 관련 모듈 | ||
| func.js | 함수 관련 모듈 | ||
| hashMap.js | 해시맵 관련 모듈 | deprecate 예정 | |
| inheritance.js | 간단한 상속 모듈 | ||
| object.js | 객체 관련 모듈 | ||
| string.js | 문자열 관련 모듈 | ||
| type.js | 타입 체크 모듈 | ||
| window.js | 윈도우 객체 관련 모듈 | ||
| Dom | DOM 유틸 (DOM 관련 클래스 지정 및 이벤트 바인딩 함수 모음) |
[API] |
Library
| Name | Description | Documentation |
|---|---|---|
| TUI JSDoc Template | JSDoc Template (JS API 문서화 템플릿) | [Demo], [npm] |
License
MIT 라이선스로 자유롭게 사용할 수 있습니다.