Awesome Humanscape

안녕하세요. 휴먼스케이프에서 개발에 도움이 되는 Awesome 큐레이션 리스트를 관리합니다.

직접 개발에 사용하면서 검증된 라이브러리를 정리하고 있습니다.

좋은 라이브러리나 링크가 있으면 언제든 추천 부탁드려요 :)

휴먼스테이프 테크 블로그

• 휴먼스테이프 테크 블로그 - 휴먼스케이프 개발 블로그

로드맵

• 2020년 웹 개발자가 되기 위한 로드맵(번역)
• Roadmap to becoming a web developer in 2020
• Developer Roadmaps

React, React Native

Curation lists

• AWESOME React - 리액트 큐레이션 리스트
• AWESOME React Native - 리액트 네이티브 큐레이션 리스트

Components

• Web
  • react-bootstrap - CSS 프레임워크 Bootstrap의 React wrapper
  • react-summernote - 위지윅 에디터 Summernote의 React wrapper
  • react-table-filter - 필터 기능을 지원하는 테이블 컴포넌트
  • react-new-window - 새로운 창을 띄워주는 컴포넌트
  • multiselect-react-dropdown - Dropdown에서 여러 개의 아이템을 선택할 수 있게 해주는 컴포넌트
• Native
  • react-native-draggable - 드래그할 수 있는 컴포넌트
  • react-native-fast-image - React Native 기본 Image 컴포넌트의 성능을 개선한 컴포넌트
  • react-native-check-box - 체크박스 컴포넌트
  • react-native-datepicker - 날짜를 선택할 수 있는 컴포넌트
  • react-native-image-crop-picker - 이미지를 선택하고 유저가 잘라서 넣을 수 있게 만들어주는 컴포넌트
  • react-native-material-dropdown - Material Design 스타일 Dropdown 컴포넌트
  • react-native-material-textfield - Material Design 스타일 Textfield 컴포넌트
  • react-native-simple-radio-button - 라디오버튼 컴포넌트
  • react-native-skeleton-content - 스켈레톤 (로딩 중) 컴포넌트
  • react-native-snap-carousel - 많은 기능이 있는 캐러셀 컴포넌트
  • react-native-step-indicator - 현재 진행 상황을 알려주는 Step Indicator 컴포넌트
  • react-native-svg - SVG를 React Native에서 사용할 수 있도록 해주는 컴포넌트 묶음

Router, Navigation

• React Router - 리액트에서 라우팅과 네비게이션을 관리해주는 라이브러리
• React Navigation - 리액트 네이티브에서 라우팅과 네비게이션을 관리해주는 라이브러리

State Management

• Redux - JavaScript App을 위한 상태 관리 컨테이너
  • Redux Saga - Redux에서 Side-Effect를 효율적으로 관리하기 위한 미들웨어
  • Redux Actions - 액션 생성, 리듀서 생성 등을 간편하게 하기 위한 Redux 유틸리티
  • Redux Persist - 스토어의 State를 특정 저장소에 보관하여 지속시키는 Enhancer

Style

• Web
• Native
  • React Native Extended StyleSheet - React Native의 기본 StyleSheet를 확장하여 만든 새로운 StyleSheet

Utilites

• Storybook - 리액트 컴포넌트의 Visual Testing을 도와주는 라이브러리
• Jest - JavaScript 테스팅 라이브러리

Node.js, koa

• Awesome Koa - koa 큐레이션 리스트
  • koa-helmet - 보안 헤더 제공
  • koa-bodyparser - request body parser
  • koa-json - JSON pretty-printed response middleware
  • koa-passport - 사용자 authenticate를 위한 middleware
  • koa2-swagger-ui - swagger api 문서출력을 위한 middleware
  • swagger-jsdoc - api 문서를 분리해서 작성하기위한 모듈
  • koa-views - rendering view engine
  • koa-static - static file serving을 위한 middleware
  • koa-session - session 관리를 위한 middleware
  • koa-router - router 처리를 위한 middleware
• sequelize - 객체와 관계형DB 매핑을 위한 promise based ORM
• nodemailer - 이메일 전송을 위한 모듈
• request-promise-native - request를 날리기 위한 promise based 모듈

Django

• Awesome Django - 장고 큐레이션 리스트

Environment

• django-environ - 12 factors 방법론을 지킬수 있도록 환경설정 파일을 따로 관리할 수 있게 해주는 라이브러리