주제

  • 트리 형식의 자료 구조 다루기

목표

  • ramdaJS 및 fantasy land Spec 숙지 및 활용
  • (선택사항) 캔버스 등의 시각화 라이브러리 활용

단계 별

  • 1단계
    • 트리 형식 자료구조를 가공 및 정제를 위한 공용 비즈니스 로직 라이브러리를 제작
      • 예시
        • 특정 트리 노드를 filter 처리하기
        • 특정 트리 노드의 prop의 값 변경하기
        • 단말 노드만 추출하기
    • (선택사항) Jest 또는 속성 단위 테스트 도입
  • 2단계 (현실적인 목표 단계)
    • fantasy land Spec에 알맞게 1단계를 리팩토링
  • 3단계 (희망적인 목표 단계)
    • 그래프를 통한 결과단계의 시각화
  • 4단계 (퓨처)
    • 노드 추가, 제거 등의 이벤트 시 애니메이션으로 트랜지션 표현
  • 4단계 (퓨처)
    • 여러 종류의 트리 자료구조 지원하기
      • 예시
        • 2진 트리
        • 레드 블랙 트리
        • B+ 트리

라이브러리 조사

할 일

  • ramdaJS - 공식 Docs 내 소개글 학습
    • 스토리 포인트 : 1d (월)
  • ramdaJS - 공식 Docs에서 추천하는 Article 학습 (1/2)
    • 스토리 포인트 : 1d (화)
  • ramdaJS - 공식 Docs에서 추천하는 Article 학습 (2/2)
    • 스토리 포인트 : 1d (수→목)
  • fantasy land - 공식 페이지 readme 학습 (1/3)
    • 스토리 포인트 : 1d (목→금)
  • fantasy land - 공식 페이지 readme 학습(2/3)
    • 스토리 포인트 : 1d (금→토)
  • fantasy land - 공식 페이지 readme 학습 (3/3)n
    • 스토리 포인트 : 1d (토→토 또는 일)