Home
Web
개발에 유용한 도구 (코드, 테스트, 문서)
devfoxstar
devfoxstar
March 14, 2022
1 min

Table Of Contents

01
RegExr
02
JSFiddle
03
Postman
04
miro
05
draw.io
06
iLoveIMG

예전의 개발은 IDE에서 코드를 작성하고 배포하면 보통 작업이 끝났습니다.
하지만 요즘의 개발은 시스템이 방대해지고 조직의 규모가 커졌습니다.

그에 맞춰 효율적인 개발 작업을 위한 유용한 도구들이 많아졌습니다.
그리고 개발 문서 작성 역시 선택이 아닌 필수가 되었습니다.

오늘은 개발 코드 작성 및 테스트 그리고 문서 작성에 유용한 사이트들을 알아보겠습니다.


RegExr

정규식 코드를 작성할 때 유용한 사이트입니다.
자바스크립트를 기본으로 다양한 옵션 설정이 가능합니다.

  • RegExr 바로가기

RegExr 화면
RegExr 화면


JSFiddle

자바스크립트 코드를 작성할 때 유용한 사이트입니다.
Pure JavaScript, React, Vue, jQuery 등 다양한 프레임워크를 지원합니다.

JSFiddle 화면
JSFiddle 화면


Postman

서버와 프론트 시스템을 분리하면서 Rest API 기반의 시스템은 이제 필수입니다.
개발자들은 수 많은 API를 작성하면서 테스트를 해야 합니다.

그때 유용한 API 테스트 도구가 바로 포스트맨입니다.

Postman 화면
Postman 화면


miro

미로는 개발 문서 작성에 유용한 사이트입니다.
플로우차트, 칸반보드, 마인드맵 등 다양한 템플릿을 깔끔하고 간편하게 제공합니다.

mrio 화면
mrio 화면


draw.io

미로와 마찬가지로 개발 문서 작성에 유용한 사이트입니다.
UML, 플로우차트 등 여러 템플릿을 제공합니다.

개인적으로 상세한 문서 작성은 드로우를 깔끔한 문서 작성은 미로를 선호합니다.

draw.io 화면
draw.io 화면


iLoveIMG

아이러브이미지는 웹에서 간편하게 이미지 편집이 가능합니다.
이미지 압축, 조정, 자르기, 워터마크 등 대부분의 필요한 기능들이 제공됩니다.

iLoveIMG 화면
iLoveIMG 화면


Tags

#개발도구#개발코드#개발테스트#개발문서

Related Posts

NGINX 403 Forbidden 오류 해결 방법
March 22, 2023
1 min
© 2024, All Rights Reserved.

Quick Links

About Me

Media