본문 바로가기
IT박사

[IT박사] 놀라운 생산성을 제공하는 개발자를 위한 도구 - 스타트업,디자이너,개발자, 협업툴 (feat.Cloudcraft, Figma 등)

by GDBS 2020. 7. 24.
반응형
728x170

IT 분야에서 일하는 사람이라면,

언젠가 우리는 디자이너, 프론트 엔드 개발자 및 백엔드 개발자의 역할을 수행하게 될 것이고,

이러한 도구는 각 역할에서 생산성을 높이는 데 도움이됩니다.

 

또는 이러한 역할을 수행하는 팀의 다른 사람들과 협력하고있는 경우,

이러한 역할을 공유하고 팀 전체의 생산성을 높일 수 있습니다.

그럼, 한번 살펴보도록 할까요?

 

1. Cloudcraft

 

https://cloudcraft.co/

 

Cloudcraft – Draw AWS diagrams

Visualize your AWS environment as isometric architecture diagrams. Snap together blocks for EC2s, ELBs, RDS and more. Connect your live AWS environment.

cloudcraft.co

 

Cloudcraft 는 백엔드 개발자를위한 것입니다.
게시물 이미지
모든 백엔드 개발자는 백엔드를 계획하는 것 같습니다. 특히 AWS와 다양한 서비스가있을 때 특히 그렇습니다. 그러나 평평한 지루한 그리기 도구를 사용하는 대신 Cloud Craft를 사용할 수 있습니다.
Cloud Craft는 다양한 AWS 서비스를 통합 할 수있는 매우 직관적 인 클릭 드래그 앤 드롭 인터페이스를 제공합니다. 계획뿐만 아니라 예산 책정에도 좋습니다.

 


개발자가 각 서비스의 가격 페이지를 살펴보고 가격을 이해하는 것은 큰 고통이 될 수 있습니다. 심지어 대략적인 비용을 찾는 것만으로도 어려움을 겪을 수 있습니다. Cloudcraft는 전체 아키텍처를 대략적으로 분석하여 많은 시간을 절약합니다.
안타깝게도 현재는 AWS에서만 가능하지만 가격은 GCP 및 Azure와 매우 유사하므로 Cloudcraft로 대략적인 예산을 얻을 수 있습니다.

 

 

2. BundlePhobia

https://bundlephobia.com/

 

BundlePhobia

Find the performance impact of adding a npm package to your bundle.

bundlephobia.com

 

 

BundlePhobia 는 프론트 엔드 개발자를위한 것입니다.

BundlePhobia를 사용하면 "npm 패키지를 번들에 추가하는 비용을 찾을 수 있습니다". 이것은 npm 패키지 추가가 번들 크기에 얼마나 추가되는지 알 수 있음을 의미합니다. 프론트 엔드 프레임 워크에서 작업 할 때 항상 사용자의 초기 페이지로드를 최적화하기 위해 번들 크기를 최소로 유지하려고합니다.

 

pakage.json 파일을 업로드하여 사용중인 패키지를 분석 할 수도 있습니다. 이것은 모든 프로 개발자에게 반드시 필요한 것입니다.

 

 

3. Figma

www.figma.com

 

Figma: the collaborative interface design tool.

Build better products as a team. Design, prototype, and gather feedback all in one place with Figma.

www.figma.com

피그마는 디자이너를위한 것입니다.
Figma는 디자이너가 앱을위한 모형과 디자인을 만들 수있는 훌륭한 도구입니다. 이미 Adobe Illustrator를 사용중인 경우 Figma로 이동하면 10 배의 가치를 제공하는 경우에만 의미가 있습니다. 글쎄요!

Figma는 크로스 플랫폼 앱을 제공하므로 어디서나 디자인에 액세스 할 수 있으며 강력한 컴퓨터를 사용하지 않고도 액세스 할 수 있습니다. 사용을 시작하기 위해 아무것도 설치할 필요가 없습니다.
웹 어셈블리를 사용하여 Illustrator에있을 때보 다 생산성과 효율성을 높여줍니다.
매우 잘 설계되고 디자인 된 앱이며 대부분의 디자인 요구에 대해 무료입니다.
웹, Android 및 iOS 용 프로토 타입을 만들 수 있으며 웹 응용 프로그램에서 기본 동작을 다시 제공 할 수도 있습니다.
Figma를 사용하기 시작하면이 사람들이 한 달에 $ 0 이상을받을 자격이 있다는 것을 알게 될 것입니다!

 

 

 

4. Insomnia 

www.insomnia.rest

 

Insomnia

Design & Debug APIs like a human, not a robot

insomnia.rest

 

Insomnia는 백엔드 개발자를위한 것입니다.
Insomnia는 백엔드 개발자가 API 문서를보다 협업 적으로 작성하고 관리하는 데 사용하는 도구입니다.

REST 또는 GraphQL API를 구축하든 Insomnia가 다룹니다. 팀으로 구성되어 있어도 전체 워크 플로우를 유지합니다.

 

 

지루한 HTTP 요청을 작성하지 않고도 엔드 포인트 구조를 작성하는 데 사용할 수있는 잘 배치 된 UI가 있습니다.
또한 쿼리 작성 속도를 높이기 위해 소비하는 모든 API를위한 뛰어난 인텔리전트 편집기를 제공합니다. 불면증과 함께 GraphQL API를 사용하면 인생이 10 배 향상됩니다!

 

 

5. Fontflipper

www.fontflipper.com

 

Font Flipper: Find Free Fonts

Preview 800+ Google Fonts on top of your own designs, without having to download them first.

fontflipper.com

Fontflipper 는 디자이너를위한 것입니다.
이 도구는 응용 프로그램 화면에 다른 글꼴을 사용하고 시험해 볼 수있는 훌륭한 도구입니다. 

 

 

그것은 당신이 당신의 응용 프로그램의 모양을 시뮬레이션 한 다음 무료로 다운로드 할 수있는 수천 개의 글꼴이 있습니다.
또한 간단하고 아름답고 산만하지 않은 UI를 제공합니다.

 

6. VisBug - 크롬 확장프로그램

https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc

 

VisBug

Open source browser design tools

chrome.google.com

프론트 엔드 개발자를위한 VisBug Chrome 확장 프로그램
끌어서 놓기 기능을 제공하는 많은 웹 사이트 빌더가 있습니다. 이 크롬 확장 프로그램은 맞춤형 프런트 엔드 개발을 한 단계 더 가까이 만듭니다.

웹앱의 모든 단일 DOM 요소에 액세스 할 수 있습니다.

 

요소를 측정하고, 물건을 옮기고, 스타일을 변경하고, 다른 웹 사이트에서 모양을 어떻게 달성했는지 배울 수 있습니다.
CSS 한 줄을 작성하지 않고도 브라우저에서이 모든 작업을 수행 할 수 있습니다. 이것은 매우 강력하며 원하는 UI 디자인을 훨씬 빠르게 할 수 있습니다. 이를 통해 HTML CSS 코드에 디자인을 구현하고 예상대로 진행되지 않는 시간을 디버깅 및 검사 할 수 있습니다.
이 플러그인에는 약간의 학습 곡선이 있지만 더 생산적인 미래에 대한 투자로 생각하십시오!

 

7. RIVE

https://rive.app/

 

RIVE는 디자이너와 개발자를위한 것입니다.

Figma가 아름다운 디자인을 만드는 데 도움을 준 것처럼 Flare는 Dribble / Muzli 디자인에서 가끔 볼 수 있고 처음부터 코딩하는 방법을 모르는 놀라운 애니메이션을 만드는 데 도움이됩니다.
RIVE를 사용하면 강력한 대화 형 애니메이션을 만들어 기본 앱 코드에 쉽게 통합 할 수 있습니다.

 


오픈 디자인 운동의 일부이므로 다른 디자이너가 만든 모든 애니메이션에 액세스하고보고 배우고 사용할 수 있습니다.
또한 Flutter와 정말 잘 통합되어 Flutter 개발자의 경험을 크게 향상시킵니다.

 

 

8. MIRO 

https://miro.com/

 

Miro | Free Online Collaborative Whiteboard Platform

Scalable, secure, cross-device and enterprise-ready team collaboration whiteboard for distributed teams. Join 5M+ users from around the world.

miro.com

 

 

MIRO는 팀입니다.

Miro는 팀이 원격으로도 작업하고 협업 할 수있는 가장 유용한 도구입니다.
모든 팀원이 자신의 아이디어와 생각을 결합하고 내려 놓을 수있는 넓은 공간을 제공합니다. 무엇이든 토론하고 브레인 스토밍 할 수 있으며 마치 화이트 보드의 회의실에서 마치 마치 마치 느끼는 느낌입니다.
또한 경험을 향상시키는 광범위한 도구를 제공합니다. 프로젝트 관리 및 문서화를위한 다른 도구가 필요하지 않습니다. 심지어 원격 통화도 제공합니다. 너무 강력해서 팀과 작업하는 동안 탭을 전환 할 필요가 없습니다.

 

 

그것은 대부분의 팀에게 충분한 관대 한 무료 스타터 플랜을 제공합니다. 팀이 MIRO를 사용하고 공동 작업하도록 권장하며 거의 모든 사람들이 MIRO를 좋아합니다.
그래서 당신은 간다! 이 도구가 유용하고 생산성을 높이고 개발자로서의 삶을 편하게 만드는 데 도움이되기를 바랍니다.
또한 다른 사람들이 사용하기를 좋아하는 삶을 편하게 해주는 도구를 활용해보세요~

---------------------------------------------------------------------------------------------------

더 좋은 최신 소프트웨어를 알고 계시다면, 댓글로 여러분의 지식을 공유해주세요~ ^^

읽어 주셔서 감사합니다!

 

이 글이 조금이나마 도움이 되셨다면 , 공감! 댓글! 부탁드립니다. ^^
오늘도 행복한 하루 되세요~♡!!
728x90
반응형

댓글