Awesome Github Repository

쓸만한 Github Repository 모음

Web Development Tools

• fullPage.js - 한 화면에서 스크롤 바만 이용해서 화면 전환을 하게 해주는 도구 (데모)
• Tabler - Admin Page를 만들 수 있게 해주는 도구 (데모)
• Typed.js - 타이핑 하는 애니메이션을 만들 수 있게 하는 도구 (데모)
• Airframe React - Dashboard / Admin / Analytics 템플릿 (데모)
• WebTorrent - 웹 브라우저와 Node에서 사용할 수 있는 Torrent 라이브러리
• Swiper - 스와이핑 라이브러리의 끝판왕 (데모)
• SweetAlert2 - 팝업 창 라이브러리 (데모)
• Gitfolio - Github 사용자를 위한 개인 홈페이지/블로그 생성기 (데모)
• DropzoneJS - 드래그 앤 드롭으로 파일 업로드하는 라이브러리 (데모)
• react-admin - 어드민 페이지 생성 도구 (데모)
• React-Select - Dropdown Select 라이브러리 (데모)
• selectize.js - Dropdown Select 라이브러리 (데모)
• Leaflet - OpenStreetMap 기반 지도 라이브러리 (데모)
• Sortable - 드래그 앤 드롭으로 순서를 바꿀 수 있는 리스트 라이브러리 (데모)
• Dplayer - Web Video Player (데모)
• Aplayer - Web Music Player (데모)
• Mapbox GL JS - OpenStreetMap 기반 지도 라이브러리 (데모)
• react-dates - 날짜 선택 라이브러리 (데모)
• CodeceptJS - End-to-End 프론트엔드 테스팅 라이브러리
• Matter.js - 2D 물리엔진 (데모)
• Villain - 만화/소설 리더 라이브러리
• vue-interactive-paycard - 신용카드 정보 입력 폼 라이브러리 (데모)
• react-interactive-paycard - 신용카드 정보 입력 폼 라이브러리
• Quill - 텍스트 에디터 (데모)
• Slate - 텍스트 에디터 (데모)
• Editor.js - 텍스트 에디터
• is-website-vulnerable - 웹사이트의 취약점을 찾아주는 라이브러리
• Magnific Popup Repository - 이미지 확대 팝업 라이브러리 (데모)
• React Sortable HOC - React Sortable HOC (데모)
• GSAP (GreenSock Animation Platform) - 애니메이션 라이브러리
• Lite YouTube Embed - 더 가벼운 Youtube Embed 태그
• umi-request - axios와 같은 네트워크 요청 라이브러리
• Text Mask - 입력 마스크 라이브러리 (데모)
• RxDB - Pub/Sub이 가능한 NoSQL-database
• react-use - 다양한 Custom React Hook 모음
• Monaco Editor - 코드 에디터 (데모)
• JW Player - 동영상 플레이어 (데모)
• Cleave.js - 입력 마스크 라이브러리 (데모)
• Docusaurus - 문서 사이트 생성기

UI Components

• Elastic UI - Elastic Stack에서 사용하는 UI Components
• chakra
• Semantic UI
• Fomantic UI - Semantic UI의 커뮤니티 버전. 업데이트가 활발함
• UIkit
  • Awesome UIkit
• React Rainbow
• WixStyleReact - Wix 스타일의 React Component 모음
• Grommet
• Reach UI
• Material Components - Material Design Web Components
• React Suite
• Rebass

Boilerplates & Samples

• React Boilerplate
• POS - Sample Application DDD Reactive Microservices with CQRS(Command Query Responsibility Segregation) & Event Sourcing
• Suspense Demo for Library Authors - ‘Suspense for Data Fetching’과 ‘Concurrent UI Patterns’ 예제
• Relay Examples - Relay 예제

Awesome Seires

• Awesome Selfhosted - 본인의 머신에서 구동할 수 있는 유용한 패키지들 모음
• Awesome Mac - 맥에서 설치할 수 있는 프로그램 모음
• Awesome React - React 도구/라이브러리/강의 등등 모음
• Awesome Node.js - Node.js 패키지 및 리소스 모음
• Awesome VSCode - VSCode 플로그인 모음
• Awesome Design Tools - 디자인 도구 모음
• Awesome Piracy - 저작권을 무시하는 링크/데이터/프로그램 모음
• Public APIs - 무료 공공 API 모음

Study

• What the f*ck JavaScript? - Javascript에 재밌고 이해하기 힘든 예제 모음
• 주니어 개발자 채용정보 - 한국 주니어 개발자를 위한 취업 정보 모음
• 33 Javascript Concepts - Javascript 개발자가 알아야하는 Javascript 컨셉 모음
• Front-End Checklist - 프론트엔드 개발할 때 체크해야 하는 사항 모음
• AWS Serverless Workshop - AWS를 이용한 Serverless 아키텍처 예제 모음
• Node.js Best Practices - Node.js 좋은 예제 모음
• clean-code-javascript - 클린코드를 만들기 위한 예제 모음 (한국어판)
• React Developer Roadmap - React 개발자의 로드맵
• Didact - Step-by-step 으로 나만의 리액트를 만들 수 있음
• Front-End Developer Handbook 2019 (사이트)

Study - 면접 대비

• [영어] Tech Interview Handbook (사이트)
• [영어] 30 Seconds of Interviews (사이트)
• [영어] Front End Interview Handbook (한국어판)
• [한글] 취업 준비를 위해 공부한 내용을 정리하는 레포
• [한글] Technical Interview Guidelines for Beginners
• [한글] 신입 개발자 전공 지식 & 기술 면접 백과사전
• [한글] 기술 냉장고

Visulization

• ApexCharts.js - Interactive SVG Charts (데모)
• nivo - (데모)
• Chart.js - canvas 태그를 이용한 시각화 도구 (데모)
• roughViz.js - 스케치 느낌이 나는 차트 라이브러리
• react-vis - (데모)
• G2Plot - (데모)
• Cube.js - 차트 생성 플랫폼 (백엔드/프론트엔드) (데모)
• mermaid - 다이어그램/차트/그래프/흐름 생성기 (데모)
• plotly.js - (데모)
• vis-network - 네트워크 생성기 (데모)
• React Financial Charts - 금융 주식 차트 (데모)

Programs & Websites & Self-hosted

• Hyper - Electron 베이스 터미널 프로그램
• nuclear - 공공 무료 소스를 이용한 음악 플레이어
• eDEX-UI - sci-fi 느낌이 나는 터미널 프로그램
• Motrix - 다운로드 매니저
• LosslessCut - 손실 없이 비디오/오디오 자르기
• Mark Text - 마크다운 에디터
• Boostnote - 마크다운 에디터
• Another Redis DeskTop Manager - Redis 데스크톱 매니저
• DrawIO - 온라인 그림 도구 (사이트)
• STREAMA - 설치형 미디어 스트리밍 서버 (데모)
• Bitwarden - 비밀정보 관리 도구
• PreMID - 온라인 프로그램 스토어 (사이트)
• Terminus - 터미널 프로그램
• YouTube-Music - Youtube Music Mac Desktop Application

Util Libraries

• Day.js - Moment.js의 대체재로 2KB의 작은 시간/날짜 라이브러리
• Yup - Javascript Object 스키마 검증 라이브러리
• Nano ID - 작고, 안전하고, URL 친화적인 Unique ID 생성기 (데모)
• faker.js - 더미 데이터 생성기 (데모)

Etc

• WebGL Fluid Simulation - WebGL을 이용하여 유체를 시뮬레이션한 예제 (데모)
• Github Trending Archive
• JSON server
• react-native-snap-carousel
• Emoji Screen - 이모지를 이용해서 표현한 영화, TV쇼, 뮤지컬 모음 (데모)
• Ghost - 블로깅 플랫폼 (Showcase)
• Meteor - Javascript 기반 서버/웹 개발 플랫폼 (설명)
• Svelte - 웹 개발 프레임워크
• KeystoneJS - Node.js 기반 CMS
• Create Social Network - SNS 생성기
• carbon - 코드 스크린샷 생성기 (데모)
• tsdx - Typescript 패키기 개발 도우미
• strapi - 커스텀 API를 만들 수 있는 Node.js 기반 CMS (데모)
• VvvebJs - 드래그 앤 드롭 사이트 생성기 (데모)
• GrapesJS - 드래그 앤 드롭 사이트 생성기 (데모)
• TypeDoc - Typescript를 이용한 문서 생성기 (데모)
• Fantasy Map Generator - 판타지 지도 생성기 (데모)
• gif.js - gif 생성기 (데모)
• node-red - 이벤트 기반 어플리케이션을 위한 저레벨 프로그래밍 툴 (스크래치 같은거)
• Mostly adequate guide to FP (Book) - 함수형 프로그래밍 책
• Fingerprint.js - 사용자 브라우저 정보를 이용하여 쿠키 없이 사용자 식별 (데모)
• Relay - React 애플리케이션을 위한 데이터 관리 프레임워크
• React Query - 비동기 데이터를 얻고, 캐싱하고, 업데이트 하기 위한 React Hook
• Git History - 아무 Repository의 파일의 history를 빠르게 볼 수 있음 (데모)
• Firefox Send - 서버 설치형. 링크로 파일 공유할 수 있는 기능 (데모)
• fastify - express같은 web framework
• Zero - terminal output으로 3D 렌더링을 할 수 있는 라이브러리
• Leaa - monorepo CMS built with Nest.js, Next.js, GraphQL, and Ant Design (어드민 페이지 데모)) (사용자 페이지 데모)
• Blocks - 드래그 앤 드롭 사이트 생성기 (데모)

CSS pseudo element를 이용한 태양계 6 GitHub Repos For Instant Knowledge Boost