탄탄한 기본기!

개발 관련 유용한 사이트 본문

Tips

개발 관련 유용한 사이트

두영두영 2022. 3. 26. 16:18
한 번쯤 들어보고, 이용해 보았을만한 알아두면 좋을만한 사이트들 정리

1. bestofjs

https://bestofjs.org/

 

Best of JavaScript

Check out the most popular open-source projects and the latest trends about the web platform and Node.js.

bestofjs.org

장점

  • 태그 별로 원하는 카테고리의 프로젝트들을 모아볼 수 있음
  • Monthly Rankings, Recently Added Projects 등 모아볼 수 있음
  • 순서대로 정렬할 수 있다.
    • 어제/7일 내에/12월 내에 github stars를 많이 받은 순서
    • 한 달 동안 다운로드 수 등
  • 보기 깔끔함

단점

  • 아직 못찾음

2. Css Script

https://www.cssscript.com/free-javascripts/

 

Javascript - CSS Script

YOU MIGHT NOT NEED JQUERY! Latest free front-end frameworks, libraries, web components and UI elements made using JavaScript.

www.cssscript.com

  • 굳이 안 찾아보면 몰랐을 만한 신기하고 재미있는 마이너한(?) 프로젝트들이 올라오는 것 같음
    • Random Cartoon Avatars Face 같은 것들... (위 사진)

단점

  • bestofjs 가 보기 편하고 직관적임
  • 좀 마이너한 경우가 있음

3. npm trends

https://www.npmtrends.com/

 

npm trends: Compare NPM package downloads

Which NPM package should you use? Compare NPM package download stats over time. Spot trends, pick the winner.

www.npmtrends.com

장점

  • 어떤 라이브러리(프레임워크, 툴 등) 사용할지 고민될 때 결정에 도움을 줄 수 있음

단점

  • 패키지 이름 검색해도 아래에 auto complete가 안되거나 느릴 때가 있음
  • 비교할 프로젝트를 추가하면 바로 그래프에 반영되지 않고 2~3초 정도 기다려야 함

4. 30secondsofcode

https://www.30secondsofcode.org/

 

30 seconds of code

Browse 1107 short code snippets for all your development needs on 30 seconds of code.

www.30secondsofcode.org

장점

  • 기능 단위, 지식 단위 등의 작은 단위에 대해서 예시 코드와 설명을 확인할 수 있음
    • useFetch 등의 custom hooks, Tabs 등의 컴포넌트 등
    • 배열 루프속의 비동기 함수 작동 등의 지식 단위
    • 날짜순으로 정렬된 Git 로그 보기 등

단점

  • 개발 입문자들이 아닌 사람들은 이미 알고 있는 내용이 많음
  • 너무 짧거나 유용하지 않다고 생각되는 포스트들이 있음
  • 굳이 찾아볼까? 싶은 느낌
Comments