PGR21.com
- PGR21 관련된 질문 및 건의는 [건의 게시판]을 이용바랍니다.
- (2013년 3월 이전) 오래된 질문글은 [이전 질문 게시판]에 있습니다.
통합 규정을 준수해 주십시오. (2015.12.25.)
Date 2023/09/22 11:51:47
Name klados
Subject [질문] canva, figma 같은 웹 서비스는 어떻게 개발하나요?
안녕하세요.

일반적인 홈페이지나 애플리케이션의 개발과는 별개로,
Canva, Figma 같이 브라우저에서 이미지를 회전, 크롭, 확대 축소, 밝기 조정 등을 하고
그림판/포토샵 처럼 레이어 조작같은걸 할 수 있는 "서비스"는 보통 어떠한 구조로 개발되나요?

예를 들어,
온라인 브라우저에서 구동할 수 있는 윈도우 그림판의 단순 버전을 만든다고 할 때
어떤 프레임워크나 기법(?)으로 개발되는지 궁금합니다. 이러한 브라우저에서 구동되는 사이트를 만든다고 할 때 어디서부터 시작할 수 있을까요?

정말 자체적으로 javascript를 활용해서 제작한 것일지
아니면 예를들어 django, react 등을 이용한 것일까요?

통합규정 1.3 이용안내 인용

"Pgr은 '명문화된 삭제규정'이 반드시 필요하지 않은 분을 환영합니다.
법 없이도 사는 사람, 남에게 상처를 주지 않으면서 같이 이야기 나눌 수 있는 분이면 좋겠습니다."
사비알론소
23/09/22 13:14
수정 아이콘
당연히 프론트엔드는 js(+wasm) 입니다
23/09/22 21:22
수정 아이콘
감사드립니다!
초콜릿
23/09/23 01:36
수정 아이콘
간단한 포토샵 수준을 말씀하셔서 비슷한 걸 들어보면, https://fengyuanchen.github.io/photo-editor/
같은 건 자바스크립트 프론트엔드로 되어 있습니다. https://github.com/fengyuanchen/cropperjs 보시면 따라 만드실 수 있을 것 같습니다.
성능을 더 끌어올리자면 WASM을 쓸 수 있을 거고요.
적어주신 django, react에 관해서는, django는 파이썬 백엔드 프레임워크라 상관이 없고, react 또한 어차피 자바스크립트로 구현하는 것이니 이게 react이든 vue이든 svelte이든 어떤 프레임워크를 쓰시든 상관은 없습니다.
23/09/23 20:40
수정 아이콘
감사합니다. 비교적 간단하고 협업이 필요없는 기능이라면 자바스크립트 프론트엔드만으로도 어느정도 되는거군요. 그러면 백엔드도 크게 상관없어 지겠네요.
23/09/24 06:36
수정 아이콘
수학이 왜 필요하냐는 질문에 대표적으로 꼽을 수 있는 기능 개발입니다. 벡터/행렬을 기본으로 알아야 제대로 개발할 수 있죠. Scale, rotate 과 같은 기능이 전부다 행렬로 변환됩니다. 언어야 그냥 아무 자바스크립트 프레임워크로 로컬 브라우져에서 돌아가는거 개발하면 되고, 공동으로 편집을 하고 싶다던가 여러 사람이 공용 리소스를 공유하고자 할 때부터 백엔드가 들어가면 좋을 겁니다. 간단한 기능은 canvas에다가 그림을 그리는 수준으로 쉽게 됩니다. 그냥 그리는거는 아주 쉽지만, 보통 삭제 / 편집이 들어가기 시작하면서부터 복잡도가 기하급수적으로 늘어나게 됩니다.
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회
172856 [질문] 서울대 출장 시 비지니스 호텔 추천 부탁드립니다. [6] 대보름8327 23/09/30 8327
172855 [질문] 스위치 파고들만한 jrpg추천 부탁드려요!! [33] 순경나부랭이10819 23/09/30 10819
172854 [질문] 추석연휴때 나홀로 바다좀 보러갈까하는데 [18] 앵글로색슨족8102 23/09/29 8102
172853 [질문] 원룸 찾기 관련 질문입니다. [10] 브라보7688 23/09/29 7688
172852 [질문] 차량 주행 중 잡음 질문입니다. [19] GoThree8899 23/09/29 8899
172851 [질문] 치과 선생님들께 질문/상담입니다. - 때운 것이 떨어졌는데...... [4] 카페알파8502 23/09/29 8502
172850 [질문] 추리 예능(ex데블스 플랜, 피의게임) 추천좀 부탁드립니다 [26] 에바 그린9517 23/09/28 9517
172849 [질문] 방송에서 재벌가를 로열 패밀리라고 부르는 문화는 언제부터 생겼나요? [13] 상록일기9717 23/09/28 9717
172848 [질문] 스타벅스 쿠폰(기프티콘) 먼저 등록해놓기도 되나요? [3] N'Zoth8527 23/09/28 8527
172847 [질문] 추석당일 교대에서 영업하는 접대용 식당이 있을까요? [2] 안녕!곤7779 23/09/28 7779
172846 [질문] 롤 아시안게임 하이라트만 볼 수 있는 곳이 있을까요? [2] onDemand9240 23/09/28 9240
172845 [질문] 냉동 새우튀김 맛있는 게 있을까요? [8] 스토너9827 23/09/28 9827
172844 [질문] 노트북 배터리를 제거했더니 마우스가 제멋대로 움직입니다 [6] Scene9095 23/09/28 9095
172843 [질문] 컴맹 하드디스크 구매 질문입니다. [4] Alcohol bear7294 23/09/28 7294
172842 [질문] 외장 SSD 질문드립니다. [1] 이자크7900 23/09/28 7900
172841 [질문] 천박사/보스톤/거미집 먼저 보신 분들 계실까요? [5] kafka8633 23/09/28 8633
172840 [질문] 스타1 배틀넷아이디 생성 질문 [1] 아이시스 8.08288 23/09/28 8288
172839 [질문] 피지알 최다 리플 글이 어떤 글 이었을까요?? [11] 아오이소라카8286 23/09/27 8286
172838 [질문] 데스크탑 업그레이드 질문입니다. (GTX 1660SUPER) [10] 이디야 콜드브루8851 23/09/27 8851
172837 [질문] 갤럭시, 빅스비, 모드 및 루틴 고수님 질문있어요! [4] 니이모를찾아서8780 23/09/27 8780
172836 [질문] 똥 질문입니다. [10] up8870 23/09/27 8870
172835 [질문] 사무실 내선번호로 바로 걸수 있는 방법이 있을까요? [6] 아델라이데8507 23/09/27 8507
172834 [질문] 이사한 집 주방에 있는 전선?의 용도가 뭘까요?(사진 유) [8] JrD_July7640 23/09/27 7640
목록 이전 다음
댓글

+ : 최근 1시간내에 달린 댓글
+ : 최근 2시간내에 달린 댓글
맨 위로