리서치이노션 지식위키리서치이노션 지식위키
  • Introduction
  • 코딩 스타일 가이드

    • 공통 스타일
    • 언어별 가이드
    • 코드 품질 및 규칙
    • 코드 리뷰 & 테스트
  • Front-End

    • HTML Layout
    • Javascript
    • Library
  • Back-End

    • Spring Boot
    • eGovFrame
  • 환경 구축

    • Window
    • Linux
    • Spring Framework
  • Figma 템플릿

    • 컴포넌트 시스템
    • 웹 서비스 스타일 가이드
    • 모바일 디자인 템플릿
  • HTML/CSS 템플릿

    • 기본 부트스트랩 템플릿
    • 관리자 테마 UI
  • 기타 자료

    • 디자인 시스템 문서
    • 공통 아이콘 폴더
  • 운영 사이트

    • GitLab (버전 관리)
    • Jenkins (배포 자동화)
    • SonarQube (정적 코드 분석)
    • Send API 문서 (Postman)
  • 접속 환경

    • VPN 연결
  • Introduction
  • 코딩 스타일 가이드

    • 공통 스타일
    • 언어별 가이드
    • 코드 품질 및 규칙
    • 코드 리뷰 & 테스트
  • Front-End

    • HTML Layout
    • Javascript
    • Library
  • Back-End

    • Spring Boot
    • eGovFrame
  • 환경 구축

    • Window
    • Linux
    • Spring Framework
  • Figma 템플릿

    • 컴포넌트 시스템
    • 웹 서비스 스타일 가이드
    • 모바일 디자인 템플릿
  • HTML/CSS 템플릿

    • 기본 부트스트랩 템플릿
    • 관리자 테마 UI
  • 기타 자료

    • 디자인 시스템 문서
    • 공통 아이콘 폴더
  • 운영 사이트

    • GitLab (버전 관리)
    • Jenkins (배포 자동화)
    • SonarQube (정적 코드 분석)
    • Send API 문서 (Postman)
  • 접속 환경

    • VPN 연결
  • 개발자 가이드

    • Front-End

      • HTML Layout

        • Introduction
      • JavaScript

        • Introduction
      • Library

        • Introduction

Introduction

이 섹션은 사내에서 자주 사용하는 외부 라이브러리의 사용 방법, 설정법, 실전 예제를 제공합니다.
라이브러리는 대부분 Vue, jQuery, JavaScript 환경에서 활용됩니다.


📌 이 섹션에서 다루는 라이브러리

라이브러리설명
AxiosHTTP 요청 처리 (API 호출, 인터셉터, 공통 에러 처리 등)
Lodash배열/객체 유틸 함수 (예: groupBy, debounce, cloneDeep)
AG Grid고성능 테이블 그리드 (정렬, 필터, 병합 등 기능 포함)
Bootstrap컴포넌트 UI 및 레이아웃 구성
Moment.js / Day.js날짜 처리 유틸 (사내에서는 Day.js 권장)
Chart.js / ApexCharts데이터 시각화 (차트 표현)

🧱 예제 문서 구성 예시

  • /axios/config.md: API 설정, 토큰 인터셉터, 공통 응답 처리
  • /lodash/groupBy.md: 데이터 분류 예제
  • /aggrid/usage.md: 기본 테이블 + 필터링 + 병합
  • /bootstrap/grid.md: 12-column 그리드 시스템 사용 예
  • /chart/chartjs.md: 라인/바 차트 샘플

🛠 실무에서 이렇게 씁니다

  • 모든 프로젝트는 Axios + Lodash 조합을 기본으로 사용합니다.
  • 라이브러리 도입 시 해당 문서를 작성하고, 샘플 코드를 추가해주세요.
  • 필요 시 CDN, npm, ESM 사용법 모두 기술합니다.

📎 참고 문서

  • Axios 공식 문서
  • Lodash 공식 문서
  • AG Grid 문서
  • Bootstrap Docs
GitLab에서 이 페이지 편집하기
최종 수정일: 25. 4. 24. 오후 4:59
기여자: 개발 2팀/현준호 프로