devHudi/tools-for-frontend-developer

프론트엔드 개발시 사용되는 유용한 도구들을 정리해놓는 저장소.

프론트엔드 개발자를 위한 도구

프론트엔드 개발을 하면서, 유용하다 생각되는 도구들을 개인적으로 정리해놓는 레포지토리 입니다. 더 유용한 도구가 있다면, 이슈로 제보해주세요.

npm 글로벌 모듈

• yarn - NPM 보다 더 빠른 패키지 매니저
• eslint - Javascript 문법 정적 검사 도구
• Prettier - ESlint 등과 연동가능한 코드 포매터

CSS 라이브러리

• SpinKit - 깔끔한 여러가지 스피너

색상

• Opencolor - UI 디자인을 위한 색상 모음
• Flatuicolors - UI 다자인을 위한 색상 조합 모음
• uiGradients - 트렌디한 그라데이션 컬러 및 CSS 코드 제공

CSS 애니메이션

• AniCollection - 여러가지 CSS 애니메이션 코드 제공

폰트

• FontAwesome - 여러가지 유용한 아이콘을 CSS 로 제공

VSCode Extensions

• ESLint - ESLint
• Reactjs code snippets - React 코드 스니펫
• Color Picker - 컬러 코드 왼쪽에 해당 색상을 표시해주며, 단축키를 통해 컬러피킹을 할 수 있음
• Rainbow Brackets - Bracket 마다 다른 색상을 입혀줌
• TODO Highlight - 주석으로 쓰이는 TODO, FIXME 등을 강조해줌
• Auto Close Tag - 열린 태그를 자동으로 닫아줌
• Path Intellisense - 경로 자동완성
• Prettier - Vscode 용 Prettier Extention

도움을 주신 분들

• JeongUkJae