반응형
반응형

📝최근 Trend 기술 Ranking

OSS Insight

https://ossinsight.io/collections/static-site-generator

 

Static Site Generator - Ranking | OSS Insight

Last 28 days / Monthly ranking of repos in this collection by stars, pull requests, issues. Historical Ranking by Popularity.

ossinsight.io

 

📝문자 대행 서비스

Twilio

https://www.twilio.com/en-us

 

Communication APIs for SMS, Voice, Email & Authentication | Twilio

Connect with customers on their preferred channels—anywhere in the world. Quickly integrate powerful communication APIs to start building solutions for SMS and WhatsApp messaging, voice, and email.

www.twilio.com

 

📝메일 대행 서비스

sendgrid

https://sendgrid.com/en-us

 

SendGrid Email API and Email Marketing Campaigns | SendGrid

Send at scale with SendGrid’s trusted email API and marketing campaigns platform, delivering 148+ billion emails for senders like you every month.

sendgrid.com

 

📝이미지 클라우드 서비스

cloudflare

https://www.cloudflare.com/

 

Connect, Protect and Build Everywhere

Make employees, applications and networks faster and more secure everywhere, while reducing complexity and cost.

www.cloudflare.com

 

📝Flutter 화면 디자인 코드로 변환 

FlutterFlow

https://www.flutterflow.io/

 

FlutterFlow - Build high quality, customized apps quickly!

FlutterFlow lets you build high quality cross-platform apps incredibly fast. Build fully functional apps with Firebase integration, API support, animations, and more. Export your code or even easier deploy directly to the app stores!

www.flutterflow.io

 

반응형
반응형

📝Winston

자바스크립트 기반 로깅 라이브러리

반응형
반응형

📝React Query

fetching, caching, 서버 데이터와의 동기화를 지원해주는 라이브러리

 

📝Redux

JavaScript(자바스트립트) 상태관리 라이브러리

 

📝Recoil

React를 위한 상태 관리 라이브러리

 

📝Shadcn/ui

tailwind 기반으로 만든 Radix 컴포넌트를 통일성 있는 디자인으로 컴포넌트를 만든 것

 

 

 

반응형
반응형

📝Colors.js

colors.js 는 로그 등 콘솔에 색상을 입혀주는 라이브러리

 

📝Faker.js

가짜 데이터를 쉽게 생성할 수 있는 라이브러리

 

📝Axios

Promise 기반 HTTP통신 라이브러리

 

📝Lodash

데이터의 구조를 간편하게 함수형으로 다룰 수 있게 도와준다.

 

 

 

 

 

 

 

 

 

반응형
반응형

📝작업 라인 Git 이력 실시간 확인 [GitToolBox]

https://plugins.jetbrains.com/plugin/7499-gittoolbox

 

GitToolBox - IntelliJ IDEs Plugin | Marketplace

Extends Git Integration with additional features Free features number of ahead, behind commits in project view and status bar number of not commited changes in project...

plugins.jetbrains.com

파일을 열어 라인을 클릭 하면 코드의 오른쪽 옆에 마지막 수정자, 수정일시, 커밋내역이 표시

 

📝파일 코드 전체에 대한 OverView 제공 [CodeGlance Pro]

https://plugins.jetbrains.com/plugin/18824-codeglance-pro

 

CodeGlance Pro - IntelliJ IDEs Plugin | Marketplace

IntelliJ plugin that displays a zoomed out overview or minimap similar to the one found in Sublime into the editor pane. The minimap allows for quick scrolling letting...

plugins.jetbrains.com

 

📝마우스로 한 행위에 대한 단축키(Short Cut)제공 [Key Promoter X]

https://plugins.jetbrains.com/plugin/9792-key-promoter-x

 

Key Promoter X - IntelliJ IDEs Plugin | Marketplace

The Key Promoter X helps you to learn essential shortcuts while you are working. When you use the mouse on a button inside the IDE, the Key Promoter X shows you the...

plugins.jetbrains.com

 

📝프로젝트 파일명에 따른 트리 구조 아이콘 변경 [Atom Material Icons]

https://plugins.jetbrains.com/plugin/10044-atom-material-icons

 

Atom Material Icons - IntelliJ IDEs Plugin | Marketplace

Atom Material File Icons Custom File and IDE Icons for improved visual grepping This plugin is a port of the Atom File Icons and the icons of the Material Theme UI...

plugins.jetbrains.com

 

📝대괄호, 중괄호, 소괄호, End Tag 등에 대한 색상 구분 [Rainbow Brackets]

https://plugins.jetbrains.com/plugin/10080-rainbow-brackets

 

Rainbow Brackets - IntelliJ IDEs Plugin | Marketplace

🌈Rainbow Brackets for IntelliJ based IDEs/Android Studio/HUAWEI DevEco Studio Core Features Rainbowify various types brackets(Round,Squiggly,Square,Angle) Rainbowify...

plugins.jetbrains.com

 

📝코드에 색상 부여 [Material Theme UI]

https://plugins.jetbrains.com/plugin/8006-material-theme-ui

 

Material Theme UI - IntelliJ IDEs Plugin | Marketplace

Material Theme UI Plugin Material Design Experience for JetBrains IDEs Material Theme UI is a plugin for JetBrains IDE (IntelliJ IDEA, WebStorm, Android Studio and so...

plugins.jetbrains.com

 

 

 

반응형
반응형

📝우클릭 & 드래그 & JavaScript Kill [Pupkin]

https://chromewebstore.google.com/detail/linjodakmnamlieknafoiphnckgbaeab

 

Pumpkin's Right Click Enable

마우스 우클릭과 드래그를 가능하게 해주고 javascript를 쉽게 껐다 킬 수 있게 해줍니다.

chrome.google.com

 

📝Json Formmating [JSONVue]

https://chromewebstore.google.com/detail/jsonvue/chklaanhfefbnpoihckbnefhakgolnmc

 

JSONVue

Validate and view JSON documents

chrome.google.com

 

📝색상 추출 [ColorZilla]

https://chromewebstore.google.com/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp

 

ColorZilla

고급 점안기, 색상 선택기, 그라데이션 생성기 및 기타 색상 도구

chrome.google.com

 

📝번역 [Google 번역]

https://chromewebstore.google.com/detail/google-%EB%B2%88%EC%97%AD/aapbdbdomjkkjkaonfhkkikfgjllcleb?hl=ko

 

Google 번역

웹을 탐색하면서 편하게 번역을 볼 수 있습니다. 이 기능은 Google 번역팀에서 제공합니다.

chrome.google.com

 

📝이미지 텍스트화 [copy fish]

https://chromewebstore.google.com/detail/copyfish-%F0%9F%90%9F-free-ocr-soft/eenjdnjldapjajjofmldgmkjaienebbj

 

Copyfish 🐟 Free OCR Software

Copy, paste and translate text from any image, video or PDF.

chrome.google.com

 

반응형
반응형

📝CSS 프레임워크 [Tailwind]

https://tailwindcss.com/

 

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.

tailwindcss.com

https://flowbite.com/

 

https://flowbite.com/

 

flowbite.com

https://tailwindui.com/

 

Tailwind UI - Official Tailwind CSS Components & Templates

Beautiful UI components and templates by the creators of Tailwind CSS.

tailwindui.com

 

📝CSS 프레임워크 [BootStrap]

https://getbootstrap.com/

 

Bootstrap

Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.

getbootstrap.com

 

반응형
반응형

📝로고(마크) 생성형 AI 사이트

Logomaster

https://app.logomaster.ai/ko/proposals

 

Select logo category | Logomaster: Online Logo Maker For Your New Business

Businesses e.g. Restaurants, Retail Stores & Online Shops

app.logomaster.ai

 

 

📝디자인 참고 사이트

Dribble

https://dribbble.com/following

 

Dribbble - Discover the World’s Top Designers & Creative Professionals

Letter S logo design, modern logos, symbol, app icon

dribbble.com

 

Behance

https://www.behance.net/

 

Search Projects :: Photos, videos, logos, illustrations and branding :: Behance

Behance Pro 사용해 보기

www.behance.net

 

 

 

📝화면 설계 사이트

Miro

https://miro.com/ko/

 

Miro | 혁신을 위한 비주얼 워크스페이스

Miro는 팀이 프로젝트를 관리하고, 제품을 디자인하고, 미래를 함께 만들어가는 혁신을 위한 비주얼 워크스페이스입니다. 전 세계 6천만 명 이상의 사용자와 함께하세요.

miro.com

 

Figma

https://www.figma.com/

 

Figma: The Collaborative Interface Design Tool

Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.

www.figma.com

 

 

📝 앱 아이콘 Generator

Android 전용

https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html#foreground.type=clipart&foreground.clipart=android&foreground.space.trim=1&foreground.space.pad=0.25&foreColor=rgba(96%2C%20125%2C%20139%2C%200)&backColor=rgb(68%2C%20138%2C%20255)&crop=0&backgroundShape=circle&effects=none&name=ic_launcher

 

Android Asset Studio - Launcher icon generator

 

romannurik.github.io

 

iOS / Android 전용

https://www.appicon.co/

 

App Icon Generator

 

www.appicon.co

https://makeappicon.com/

 

Developer Tool - App Icon Resizer

MakeAppIcon is an app icon resizer that helps developers and project managers generate the app icons required by App Store & Google Play Store.

makeappicon.com

https://easyappicon.com/

 

반응형
반응형

📝JavaScript 기능 브라우저 호환성 체크

 https://caniuse.com/

 

Can I use... Support tables for HTML5, CSS3, etc

 

caniuse.com

 

반응형