티스토리 뷰
Author: 니용
프로젝트 개발의 초기 단계에는 기획자/디자이너/개발자가 사용하는 툴들이 제각각이었고,
모두 찾기 어렵거나 유료 버전이 아니면 사용하기 어려운 프로그램들이 많았다.
이번 글에서는 프로그래밍을 진행하는데 유용한 사이트를 다뤄보려고 한다.
기획
아이디어를 정리하는데 유용한 툴이고
실제로 비즈니스 모델링된 기획안을 개발자 및 디자이너에게 제공하기 좋다.
http://trello.com/ https://www.notion.so/
Design
스케치, 일러스트레이터 같은 툴인데 웹 어셈블리로 제작되어 UI를 빠르게 생산할 수 있다.
다운로드, CSS, Android, iOS로 내보내기가 가능하고, 리얼타임으로 다른 사람과 협업할 수 있다.
Image & Picture
고해상도 및 고퀄리티 이미지를 무료로 제공해주는 사이트이다.
Editor
마이크로소프트에서 제작한 Visual Studio Code 는 대부분의 언어를 지원하는 프리웨어이다.
intelliJ도 무료 버전이 있지만 일부는 유료로 사용하고 있는 반면에, Code는 전부 개발자가 커스터마이징이 가능하기 때문에
개발 시 상당히 도움이 되는 툴중 하나이다.
https://code.visualstudio.com/
CSS 라이브러리
대표적으로 알고 있는 라이브러리는 bootstrap, foundation이 있지만 추천하지 않는다.
이유는 다른 웹사이트랑 차별성이 없이 대부분 비슷하게 생겼기 때문이다.
그래서 추천을 하는 사이트는 Tailwind CSS, Bulma CSS이다.
Git 저장소
코드를 올리고 관리하는데 유용한 사이트이다.
만약 다른 사람들에게 비공개된 소스 코드를 사용하고 싶다면 결제를 하고 사용하면 되지만,
대부분 그런 키값들을 따로 관리하고 있고,
이름만 들어도 알만한 기업들이 직접 제공해주는 소스도 전부 공개되어 있다.
혼자서 프로그램을 제작하고 있다면 github를 추천하고,
협업이 진행된다면 bitbucket을 사용하는 것을 추천한다.
API
(GraphQL) https://altair.sirmuel.design
Search Engine
때로는 일일히 제작하는 것보다 검색 엔진 시스템을 빌려서 사용하는 것도 하나의 방법이다.
웹사이트에서의 검색 기능을 제공하기에 좋은 사이트가 있다.
User Auth
보안이 강화된 요즘 사용자들을 관리하는데 유용한 사이트이다.
로그인과 로그아웃의 기능을 쉽게 제공하는 것은 Auth0을 사용하면 되고,
소셜 네트워크와 연동하면 된다.
아마존에서 작업하고 있다면 cognito를 사용하는 것도 방법이다.
https://auth0.com/ https://aws.amazon.com/ko/cognito/
이전에는 SMTP를 공부하고 이메일 송수신을 개발했었던 기억이 난다.
이제는 그럴 필요 없이 이메일 관리 사이트를 사용하면 된다.
트랜잭션 이메일을 사용한다면 mailgun을 사용하면 되고,
마케팅용 이메일 서비스를 사용한다면 mailchimp를 사용하면 된다.
트랜잭션 이메일 : 트리거 및 이벤트 후 발송되는 메일
https://www.mailgun.com/ https://mailchimp.com
SSL Certificate
웹 사이트의 보안을 유지하기위해 인증서 발급이 필요하다.
예를 들면 https가 있는데, 이 때 사용하는 방법으로 아래 사이트를 이용하면 좋다.
Backend-Dev
백엔드 개발이 완료되면 배포를 진행하기 위해 사용하는 사이트가 있다.
aws의 경우 1년 사용 후 이후부터 요금 정책 및 서버 설정에 따라 부분유료화가 진행된다.
https://www.heroku.com/ https://aws.amazon.com/
Frontend-Dev
프론트엔드의 배포는 아래의 사이트에서 진행하면 되고, 두 사이트 모두 무료이다.
https://pages.github.com/ https://www.netlify.com/
Serverless
가장 대표적인 서버리스 모델은 AWS lambda를 사용하는 방법이 있다.
lambda는 하나의 메서드를 제작하여 사용하는 것이 가능하고, 무료이다.
https://aws.amazon.com/lambda/ https://cloud.google.com/functions/
Database
Amazon DynamoDB 는 25GB까지 무료로 제공해준다.
구글 Cloud Firestore는 1GB를 무료로 제공한다.
mongoDB를 사용한다면, MongoDB Atlas를 사용하면 된다.
FaunaDB는 graphQL 서버리스 데이터베이스다.
https://aws.amazon.com/dynamodb/ https://cloud.google.com/firestore/ https://www.mongodb.com/cloud/atlas https://fauna.com
File, Image Upload
사용자의 프로필사진 또는 파일 등을 업로드하기 위해서
클라우드 시스템을 사용하는데, 이에 유용한 사이트이다.
https://cloud.google.com/storage/ https://cloudinary.com/
Error Reporting
만약 개발한 사이트에서 에러가 발생하였는데,
이를 캐치하여 개선하지 못하고 누적이 된다면 나중에 사용자들이 이탈할 가능성이 높다.
개발자가 전적으로 테스트를 진행할 수 없기에
이러한 에러를 실시간으로 리포팅해주는 사이트가 있다.
Chatting
컴퓨터공학과에 입학하면 가장 대표적으로 만드는 앱이 있다.
메신저 앱이 그 중 하나인데, 이를 알려면 네트워크 및 비동기에 관한 개념이 있어야 한다.
하지만 리얼타임 채팅 기능을 넣는 것은 사전에 숙지하여야 하는 부분이 많아서 어려운데,
이를 제공해주는 사이트가 있다.
Notification
알림 기능이 필요한 웹 사이트 혹은 모바일 애플리케이션이 있다면
아래 사이트를 참고하여 개발이 가능하다.
Feed
인스타그램과 같이 사용자들끼리의 팔로잉, 댓글 기능을 제공하기 위하여 사용하는 사이트이다.
부분 무료이기 때문에 좋고 사용하기 편하다.
Analaytics
통계 지표 혹은 사용자들이 어떻게 웹사이트를 사용하고 있는지 추이를 분석하기 위해 사용하는 사이트이다.
https://analytics.google.com/ https://www.hotjar.com https://mixpanel.com/ .
Time Scheduling
프로젝트 개발 지식이 있고, 그에 따른 기획안이 완벽하다 하더라도 시간을 조율하여 프로그래밍을 하여야 한다.
그러한 타임 스케줄링을 잘하도록 유도하는 사이트는 아래와 같다.
'Study' 카테고리의 다른 글
| 개발자와 프레임워크 (0) | 2020.06.14 |
|---|---|
| 개발자 일상 오픈!! (0) | 2020.06.12 |
| Slack 활용법 (0) | 2020.06.03 |
| IntelliJ의 생산성을 높이는 방법 (0) | 2020.02.05 |
| 로드 밸런싱과 CDN (0) | 2019.11.13 |
| IntelliJ 알아보기 (1) | 2019.09.25 |