어작 웹 개발에 초보인 당신, 어디서 웹사이트를 구축해야 할지 혼란스러울 당신. 대부분은 처음엔 웹사이트를 구축하려고 하거나 관련된 웹 개발을 하는 것은 상당히 까다로운 일입니다. 어디서부터 시작해야할지도 어려운데, 다양한 도구들은 더욱 나를 난해하게 합니다.
여러분들의 고민을 덜어줄 웹 사이트 개발 소프트웨어중 12개를 소개해드리려고 합니다.
Wordpress
워드프레스
가격정보 : 기본 - 무료, 개인용 - 한달 $5, 프리미엄 - 한달 $8, 비지니스 - 한달 $25, E-커머스 - 한달 $45
전세계 웹사이트의 41.6%가 Wordpress로 제작되어 있습니다. PHP언어 기반으로 개발된 블로깅 플랫폼이기 때문에 PHP / MuSQL 데이터베이스를 사용하여 서버에 웹사이트를 구축하는 것을 지원합니다. 최고의 웹개발 도구 중 하나로서 개인용부터 상업용 웹사이트까지 사용할 수 있습니다. WYSIWYG 텍스트 편집기, 공동작업, 검색엔진에 최적화된 퍼멀링크, 트랙백, 핑백, 회원 등록, 로그인 등 콘텐츠 관리 시스템 CMS를 통해 설정할 수 있습니다.
- 웹 사이트를 구축하는데에 필요한 다양한 툴이 있어 설치하고 작업 시작하기에 용이합니다.
- 전세계 수많은 개발자들이 제작한 확장 기능, 풍부한 타사 플러그인
- 다양한 웹사이트 템플릿과 테마를 자유롭게 사용할 수 있습니다.
- SEO 최적화, high SERP
- 수많은 개발자들이 워드프레스에 기여하며 생겨난 능동적인 커뮤니티
- 웹사이트를 처음부터 끝까지 커스터마이징 할 수 있는 자유도
- 차단율 99.9% 스팸 트랙백 차단 엔진, akismet.
Mockplus
목플러스
가격정보 : 개인 - 1년 $199, 팀(10명의 사용자) - 1년 $1999, 기업 (30명의 사용자) - 1년 $9999
목플러스는 디자이너와 개발자를 위해 태어난 도구입니다. 간단한 드래그앤 드롭으로 빠르고 스마트하게 웹 사이트 프로토 타입을 제작할 수 있습니다. 모바일, 데스크탑 어플리케이션 프로토타입도 지원합니다. 도구보다 설계 자체에 초점을 맞춘 특별한 도구로서 정말 다양한 기능이 있습니다.
- 신속한 프로토타입 제작을 위해 미리 준비된 3000가지의 콤포넌트와 200개 이상의 아이콘
- 리피터, 자동 데이터 채우기, 포맷 페인터, 등 홈페이지 요소 및 레이아웃 제작에 도움이 되는 다양한 기능 제공
- 프로젝트 내보내기, 데모패키지 내보내기, 온라인 오프라인 HTML 게시, QR을 이용한 모바일 앱에서 보기, 등은 프로젝트를 중간중간 테스트하기에 정말 간편합니다.
- 마인트 맵과 UI Flow 디자인 모드
Macaw
마카우
가격정보 - 무료
Macaw: The Code-Savvy Web Design Tool
Stop writing code, start drawing it. Macaw provides the same flexibility as your favorite image editor but also writes semantic HTML and remarkably succinct CSS. It's time to expect more from a web design tool. "The superhot web design tool of the future."
macaw.co
웹사이트 디자인 도구들 중에서 Macaw는 이미지 편집기 위주의 독특한 차별화 정책을 시행하고 있습니다. 예쁜 타이포그래피와 시스템폰트로 스타일링할 수 있으며 다루기가 상당히 쉬운 편이라 학습곡선 또한 완만하다 할 수 있습니다. 무료 웹 사이트 디자인 소프트웨어를 찾고 계시다면, 꼭 한번 체크 해보실 만 할 것 같습니다.
- 설계 구성요소를 자동으로 라이브러리에 저장
- Alchemy 도구를 사용하고 이를 CSS 또는 HTML 코드로 변환해줌
- 실시간 레이아웃 엔진
- 전체 웹사이트가 모든 장치나 스크린 사이즈에 최적화 지원됩니다.
Weebly
위블리
가격정보 : 기본 - 무료, 커넥트 - 한달 $4, 스타터 - 한달 $8, 프로 - 한달 $12, 비지니스 - 한달 $25
Weebly는 웹사이트, 스토어, 블로그를 만드는 가장 쉬운 방법입니다.
Weebly 무료 웹사이트 빌더를 사용하여 웹사이트, 블로그 또는 온라인 스토어를 쉽게 구축할 수 있습니다. 웹사이트 빌더를 통해 어떠한 비즈니스 유형에도 맞고 사용자 정의할 수 있는 디자인,
www.weebly.com
사용방법이 매우 쉬운 웹사이트 개발도구로서 처음 자신의 사이트를 꾸며보려고 하는 사람들에게 매우 인기가 있습니다. 무엇보다 코딩 경험 없이 사이트를 구축할 수 있지만, 언어를 조금 다룰줄 안다면 HTML CSS 편집 역시 가능합니다.
- 40개 이상의 레이아웃 디자인
- Workflow를 관리하기 적합한 다양한 버튼들
- 최신 템플릿과 테마 지원이 빠름
Adobe Dreamweaver
어도비 드림위버
가격 정보 : 개인 - 한달 $9.99 ~ $82.99 , 비지니스 $33.99 ~ $79.99
https://www.adobe.com/sea/products/dreamweaver.html
믿고 쓰는 어도비 생태계의 웹 개발 전용 툴입니다. Mac OS와 Windows에서 모두 사용할 수 있으며, 라이브뷰, 공동편집등이 가능해 웹 작업을 하기 에 유용합니다. 소프트웨어 무료 평가판이 있으니 사용해보고 결제를 결정하실 수 있습니다.
- 어댑티브 그리드 지원
- JavaScript, HTML, CSS, XTL 등 수많은 코드를 작성하여 편집가능
- WYSIWYG 인터페이스를 통해 작업하는 동안에 최종 결과물 확인 가능
Bootstrap
부트스트랩
가격정보 : 무료, Pro - 한달 $15, Enterprise - $29
Bootstrap
The most popular HTML, CSS, and JS library in the world.
getbootstrap.com
부트스트랩은 모바일 프론트엔드 웹개발 위주의 무료 오픈소스 CSS 프레임워크입니다. 부트스트랩 자체에서 제공하는 수많은 아이콘, 타이포그래피, 양식, CSS기반 & Javascript 기반의 템플릿이 있기 때문에 인기있고 강력한 프레임워크입니다.
무료 부트스트랩 양식 템플릿의 좋은 예 및 사용자 구성 요소, 프레임워크, 탐색 모음 및 실험을 포함하여 사용 가능한 예제를 제공합니다.
사용자 지정이 거의 없는 기본 부트스트랩 구성 요소와 유틸리티로 구축됩니다.
팀 기능 및 여러 가지 지원 옵션이 제공됩니다.
- 무료 양식, 무료 템플릿, 무료 아이콘, 무료 타이포그래피, 무료!!!
- 협업 기능과 여러가지 강력한 자체 기능
Codepen
코드펜
가격 정보 : 개인 - 무료, Pro -$8
CodePen
An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.
codepen.io
코드펜(CodePen)은 학습 및 디버그를 위한 웹 코드 에디터입니다. 프론트엔드 빌드, 테스트, 검색하기 위한 웹 개발 환경입니다. 프론트엔드 디자이너와 개발자들이 디자인 패턴과 영감을 찾을 수 있는 간단한 에디터입니다.
- 빌드 & 테스트 편집기를 사용하면 여러 가지 방법을 사용하여 코드를 보고 테스트할 수 있습니다.
- 웹의 구축 방식과 코드 작동 방식을 이해할 수 있도록 보기가 쉽습니다.
- 프론트엔드 커뮤니티와 작업을 공유할 수 있습니다.
MAMP
엠에이엠피
MAMP는 MacOS, Windows 모두 지원되는 우수한 오픈 소스 통합 소프트웨어입니다. MAMP Pro 5, MAMAP, NAMO 등 다양한 라인업이 있습니다. MAMP Pro 5는 무료 로컬 서버이고 Mac 사용자가 Apache 서버, MySQL, PHP, Accelerator, PHP를 쉽게 설치할 수 있는 전문 프론트엔드 소프트웨어입니다.
MAMP & MAMP PRO - your local web development solution for PHP and WordPress development
MAMP GmbH is the manufacturer of the award-winning MAMP software.
www.mamp.info
- 전문 웹개발자가 개발환경을 쉽게 관리할 수 있도록 합니다.
- 낮은 학습곡선 (사용이 쉽지는 않습니다.)
- 로컬 디버깅을 위한 강력한 구성
- 로컬 메일 서버를 열어 PHP 스크립트를 테스트하도록 시뮬레이션할 수 있습니다.
Github
기트허브[깃:허브]
가격정보 : 일반 - 무료, Pro - 한달 $7, Team - 한달 $9
GitHub: Where the world builds software
GitHub is where over 65 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat...
github.com
GitHub을 모른다면, 아직은 진지하게 개발자라는 길을 생각해본 사람이 아닐 것 입니다. 안쓰는 사람이 없는, 모르는 사람이 없는 이 프로그램은 개발 플랫폼으로서 전 세계 4천만 명이 넘는 개발자들을 연결해 다양하고 양질의 솔루션, 오픈 소스를 찾을 수 있는 곳 입니다.
- 내장된 도구를 통해 코드 검토를 시행할 수 있음
- 프로젝트 관리 도구는 진행 상황을 식별하고 할당하고 누가 언제 했는지 추적 등을 가능하게 합니다.
- 6백만개의 Git 저장소를 호스팅 할 수 있습니다.
- 4천만명 이상의 개발자와 프로젝트 협업을 할 수 있습니다.
Photoshop
포토샵
가격정보 : Adobe 사이트에서 참조, 할인행사를 많이 합니다. Photoshop 단독 사용시 월 \24,000
Photoshop apps - desktop, mobile, and tablet | Photoshop.com
Imagine what you can create with Photoshop apps across desktop, mobile, and tablet. Start a project in one location and finish in another with ease.
www.photoshop.com
포토샵은 웹 개발 필수 도구 중 하나이기 때문에, 많은 프론트엔드 개발자들이 포토샵도 함께 마스터 하는 경우가 많은 것 같습니다. 사진, 일러스트, 3D 아트워크 등 제작과 편집이 가능하기 때문에 웹사이트를 디자인하고 모바일 앱을 개발하는 데에 있어 필수적인 프로그램으로 인정하는 추세입니다.
- 사진, 일러스트레이션, 3D 아트워크 제작, 편집을 통한 개선
- 웹사이트, 모바일 앱 디자인
Angular JS
앵글러JS
가격정보 - 무료
AngularJS — Superheroic JavaScript MVW Framework
document.createElement('tabs'); document.createElement('pane'); document.createElement('ng-pluralize'); Yo
angularjs.org
앵글러 JS는 구글의 다양한 웹 제작에 사용되는 훌륭한 프론트엔드 JS 프레임워크입니다. JavaScript로 작성된 라이브러리는 <script>태그를 통해 HTML에 추가할 수 있습니다. MVC(Model-view-controller), 모듈식 자동 양방향 데이터 바인딩, 태그지정, 종속성 주입과 같은 다양한 기능을 지니고 있어 자바스크립트 트레임워크로서는 최고라는 정평이 해외 개발자들 사이에선 회자됩니다.
MySQL
MySQL
가격정보 - Basic - 무료, Pro - 오라클에서 구매가능합니다. 가격은 $2000 ~ $60,000
https://www.mysql.com/buy-mysql/
MySQL :: How to Buy MySQL Products and Services
How to Buy MySQL Products and Services Buy from the Oracle Store The easiest way to get MySQL Subscriptions, Licenses, Support and Training is to buy directly from the Oracle Store. Buy Now » Contact our Sales Team For volume discounts, or to place your
www.mysql.com
스웨덴 회사 MySQL AB가 개발하고 현재는 오라클이 소유하고 있습니다. MySQL은 오늘날 개발자들에게 가장 사랑받고 있는 관계형 데이터베이스 관리 시스템입니다. 웹 어플리케이션을 위한 최고의 오픈소스 RDBMS(Relational Database Management system)입니다.
- 뛰어난 성능과 안정적인 서비스
- 저작권 제한 없이 열어 쓸수 있는 소스코드
- 다운로드 크기가 작음(가벼움)
- 다양한 운영체제, API 및 개방 언어 지원
Adobe Dreamweaver 는 직접 코딩할 경우 유용할 수 있습니다.
Wordpress & Weebly 는 코드를 작성하지 않고 사이트를 구축해보고 싶은 초보자에게 유용합니다.
Macaw는 처음부터 웹사이트를 만들고 싶은 분께 추천드리며
Mockplus는 가성비가 좋습니다.
- IconMinstr 무료 아이콘 사이트
- Freepik 무료 벡터이미지, 사진, PSD 사이트
- Google Fonts 폰트 최강 사이트
- Website Speed test 웹사이트 속도 테스트 사이트
- Stackoverflow 개발자 커뮤니티. 매우 큰 커뮤니티입니다.
서울에서 부산을 갈 때, 고급 승용차를 타고 가는 것과 저가형 승용차를 타고 가는 것은 그 안락함과 편안함, 화려함이 다를 수 있습니다. 다만 개발자에게 있어 프로그래밍의 툴 같은 경우는 이와 같은 비유보다는, 4.5ton 트럭을 타고가느냐 SUV를 타고 가느냐의 비유가 적합할 것 같습니다.
본인의 프로젝트 규모나, 역할에 맞게 적당한 도구를 찾아서 사용하신다면 더욱 효율적인 업무가 가능할 것 같습니다. 모두 코딩 안풀리면 소리를 지릅시다.
2021.06.05 - [개발자/무기] - [Browser] 2020 개발자를 위한 최고의 브라우저 - 언제까지 Chrome이 최고라고 생각할 겁니까
[Browser] 2020 개발자를 위한 최고의 브라우저 - 언제까지 Chrome이 최고라고 생각할 겁니까
웹 개발자들은 온라인에서 단순히 브라우징만 하는 것이 아닙니다. 이때문에 일반 개발자들은 다양한 기능이 가능한 브라우저를 필요로할텐데요. 각종 사이트의 코드를 보여주는 플러그인과
eatalk.tistory.com
2021.06.01 - [개발자/무기] - [Text Editor] 2021 최고의 텍스트 편집기
[Text Editor] 2021 최고의 텍스트 편집기
바야흐로 프로그래머의 전성시대가 열렸습니다. 정말로 많은 사람들이 컴퓨터 언어를 배우기 위해 학원을 수강하거나 온라인 강의를 들으며 공부하고 있습니다. 이떄 수업이 바뀔 때마다 설치
eatalk.tistory.com
'개발자 이야기 > 무기 소프트웨어 툴' 카테고리의 다른 글
| [Text Editor] 2023년 기준 최고의 텍스트편집기 순위 feat.IDE Part.1 (0) | 2023.03.15 |
|---|---|
| [Browser] 2020 개발자를 위한 최고의 브라우저 - 언제까지 Chrome이 최고라고 생각할 겁니까 (0) | 2021.06.05 |
| [Text Editor] 2021 최고의 텍스트 편집기 (1) | 2021.06.01 |