#canvas

질문 1
해시태그 없이 키워드만 일치하는 질문은 개수에 포함되지 않아요.

3달 전 · Sin88ho 님의 질문

SIN88🥇️SIN88.COM | LINK VÀO NHÀ CÁI SIN88 04/2025

SIN88 là nhà cái uy tín hàng đầu trong lĩnh vực cá cược trực tuyến tại Việt Nam. Với giấy phép hoạt động hợp pháp, SIN88 mang đến môi trường giải trí an toàn, minh bạch. Người chơi có thể tham gia cá độ thể thao, casino online, game slot và nhiều sản phẩm hấp dẫn khác. Giao diện thân thiện, hỗ trợ 24/7 và khuyến mãi lớn là điểm mạnh giúp SIN88 giữ vững vị thế trong thị trường cá cược. Địa Chỉ: 187 Ng. 141 Giáp Nhị, Giáp Nhị, Hoàng Mai, Hà Nội, Việt Nam Phone: 0983 721 968 Email: sin88ho.com@gmail.com #sin88 #sin88hocom #trangchusin88 #dangnhapsin88 #linkvaosin88 Website: https://sin88ho.com/ Social: https://mxoemu.info/forum/member.php?action=profile&uid=20817 https://sin88hocom.yurls.net/en/page/1196371 https://linkfly.to/sin88hocom https://the7thcontinent.seriouspoulp.com/en/user/21740/sin88hocom https://leasedadspace.com/members/sin88hocom/ https://www.nu6i-bg-net.com/user/sin88hocom/ http://linoit.com/users/sin88hocom/canvases/SIN88 https://www.theyeshivaworld.com/coffeeroom/users/sin88hocom https://tawk.to/sin88hocom

디자이너

#sin88

답변 0

댓글 0

조회 17

5달 전 · aigoia 님의 답변 업데이트

이직 시 단독 작업한게 걸림돌이 될까요?

프론트엔드 3년차 입니다. 디자이너,백엔드 개발자와 작업은 같이 했지만 프론트엔드 파트는 혼자 전부 진행하였습니다. 회사에서 보낸 시간이 너무 많아서 1년반정도가 인생에서 사라진 느낌이 들 정도였습니다. 그동안 트러블 슈팅, 혼자서 해결한 문제들이 너무 많아서 그런것들 보단 ( 알고보면 단순한 내용들이거나 시니어가 있었다면 금방 해결될 문제들입니다. ) 어려운 전제조건 하에 개발한 기능, 수치적으로 표현 가능한 기능에 대해서 이력서에 기입했습니다 허나 기입한 기능들 자체가 글로 적으면 대단해 보이지가 않는다는게 문제입니다. 오히려 단독으로 했다고 하면 과장해서 적어놓은 사기꾼같아보일까봐 걱정입니다. 이력서에 적힌걸 보면 정렬,최적화,구조 변경 이런것들이거든요... 근대 그것들을 클라이언트 단에서 디자인 패턴까지 쓰지않으면 안될정도의 복잡한 로직을 구현한거긴합니다만 결과 자체는 단순히 필터링 정렬 표기 그런것들입니다.. , 그걸 이력서에 다 기입할 수가 없어서 고민입니다. (react , next를 사용하였습니다) 또한 혼자서 서비스와 백오피스를 다 작성했다보니 효율적으로 수정 가능하게 진행했다, 다른 프로젝트에서 사용하기 용이하게 코드구조를 변경했다. 정도만 적을 수 밖에없었습니다. 어렵기 보단 얼마나 효율적으로 구조를 잡고 진행하냐의 문제였거든요. 이력상으로 봤을때 화려한 기능이나 서비스를 만든건 아니라서 더 더욱 차반 취급받을까봐 고민입니다.. 혼자서 많은 고민과 문제를 해결했지만 3자입장에서 봤을때 전혀 볼게 없는 심각한 상황입니다.. (시간만주면 3d든 스트리밍 chart든 브라우저 api 활용이든 map api든 canvas든 다 금방 배워서 할 자신이 있지만 그런 종류의 작업들은 회사 일로선 전혀 하질 못했습니다.. ) 연봉을 대거 낮춰서 신입 자리라도 지원해야할까요..? 최근엔 회사에서 먹고 자지 않아도 될정도라 알고리즘도 공부하고있고 트러블 슈팅이나 개발하면서 문제해결에 도움되었던 것들을 적으려고 블로그도 만들고 있긴합니다만. 너무나도 부족하고 모자라 보입니다.. 개발 실력도 올랐고 배포,운영 경험도 쌓였지만 작업내용 특성상 죄다 공개를 하지 못하니 어떻게해야할지 고민입니다..

개발자

#프론트엔드

#이직

#이력서

#경력기술서

답변 1

댓글 0

조회 202

8달 전 · 익명 님의 새로운 댓글

자바스크립트의 이벤트 처리 질문

리액트로 이미지 inpainting 컴포넌트를 만들고 있습니다. 사용자가 이미지 업로드를 하면 canvas 영역에 그 이미지가 채워지고 그 이미지에 mask 영역을 칠할 수 있는 이미지 에디터 컴포넌트인데요, 궁금한게 생겨 질문드립니다. 첨부한 코드는 컴포넌트의 코드중 이미지 업로드 시 onChange 이벤트의 처리기인 handleImageUpload 함수와, handleImageUpload 함수에서 호출되는 loadImage 함수의 코드입니다. 사용자가 input 요소에 이미지를 업로드하면 onChange 이벤트가 발생해 handleImageUpload 함수가 실행되고 loadImage 함수가 실행됩니다. loadImage 함수가 실행되면 img 객체가 생성되고 img 객체의 src를 지정하죠. 그러면 브라우저는 이미지 로딩을 시작하고 이미지 로딩이 완료되면 onload 콜백함수가 실행됩니다. 저는 이 과정을 자바스크립트의 콜스택, 이벤트 루프, 태스크큐 구조에서 나타내보자면 다음과 같다고 생각했습니다. 1. 초기상태 콜스택 : [ ] 태스크큐 : [ ] 2. 사용자가 파일을 업로드 -> onChange 이벤트 발생 콜스택 : [handleImageUpload] 태스크큐 : [ ] 3. handleImageUpload 내부에서 loadImage 함수 호출 콜스택 : [handleImageUpload, loadImage] 태스크큐 : [ ] 4. loadImage 내부에서 img 객체 생성 및 src 할당 콜스택 : [handleImageUpload, loadImage] 태스크큐 : [ ] Web API : 이미지 로딩 시작 5. loadImage 함수 종료, handleImageUpload 함수 종료 콜스택 : [ ] 태스크큐 : [ ] Web API : 이미지 로딩 진행중 6. 이미지 로딩이 완료되면 Web API가 onload 콜백을 태스크큐에 추가 콜스택 : [ ] 태스크큐 : [onload] Web API : 이미지 로딩 완료 7. 이벤트 루프가 콜스택이 비어있음을 확인하고 태스크큐에서 onload 콜백을 콜스택으로 이동 콜스택 : [onload] 태스크큐 : [ ] 8. onload 콜백 실행 (캔버스에 이미지 그리기 등) 콜 스택 : [onload, drawImage, ...] 태스크큐 : [ ] 일단 이 과정이 맞나요? 만약 이게 맞다면 생기는 궁금증이 있습니다. Web API에서 이미지 로딩이 진행되는동안 loadImage 함수 및 handleImageUpload 함수가 종료되면 loadImage 함수 내에서 생성된 img 객체는 가비지 컬렉터에 의해 지워져야 하지 않나? 그렇게 img 객체가 GC에 의해 사라지면 이미지 로딩이 완료되었을 시점엔 img 객체의 onload 함수도 없어진것이니 onload 함수의 로직은 실행이 되지 않아야 하는 거 아닌가? 하는 생각이 들어 질문드립니다

개발자

#자바스크립트

#react

#frontend

답변 1

댓글 1

조회 259

일 년 전 · 익명 님의 질문 업데이트

forwardRef 관련

안녕하세요. 질문이 있습니다! 현재 dynamic import 와 forwardRef를 사용하는 과정에서 forwardRef가 적용이 안되는 상황입니다. Canvas 컴포넌트에서는 ref값이 제대로 출력이 되는데 dynamic import와 forwardRef를 사용해 부모 컴포넌트 (DrawingPage)에서 ref값을 콘솔에 찍어보니 전달이 안됩니다. 정보를 찾아보고 수정을 해봐도 오랫동안 제자리 걸음이라 질문남깁니다! 하단은 코드입니다

개발자

#next.js

#react

#ref

답변 1

댓글 1

조회 227

일 년 전 · 익명 님의 새로운 댓글

css나 canvas같은데 효과이름을 모르겠습니다.

https://www.does.kr/# 안녕하세요. 읽어주셔서 감사합니다. 이 웹사이트를 보는데 스크롤링 할 때마다 다음 페이지가 넘어오기 전에 잠깐 화면을 가렸다가 다시 나타나는 효과를 뭐라고 찾아봐야 할지 아시는 분 계실까요? 저 효과가 마음에 들어서 한번 따라 만들어보고 싶어서요. canvas로 이루어져 있는 것 같은데 .. 자세히 보면 그 화면 가리는 레이어의 위와 아래쪽이 살짝 일렁이는 것도 있고요. GSAP로 비슷하게 구현이 가능한 것 같던데 유료인거같아서요. 하루 종일 찾아봐도 뭐라고 찾아봐야 하는지 몰라서 여쭈어봅니다!

개발자

#css

#canvas

답변 1

댓글 4

추천해요 1

조회 132

2년 전 · MINGO 님의 새로운 댓글

주니어가 참고할만한 좋은 깃레포(리액트)를 아시나요?

질문앞서 토스나 배민에서 여러 좋은 영상을 많이 업로드 해줘서 잘봤습니다만, 컴포넌트 구조나, js를 이렇게 까지 완벽하게 쓴다 하는 명확한 코드를 보고싶어요. 제목과같은 고민을 하고 직접 생각하고 짜봤지만 딱히 이렇다 할 결과물이 나오지 않는듯 합니다.. 저는 20인 이하 기업인데다가 신입만 모여있어서 좋은 코드 구경하기가 힘듭니다. 레포중에 스타를 많이받거나 단순히 트랜딩되는게 다가 아니라, 특정 문제( 잦은 재렌더링,최적화된 canvas 사용 , 깔끔한 컴포넌트 구조 등) 참고가 될만 한걸 보신분이 있다면 지식을 구걸하겠습니다.

개발자

#react

#git

#레포지토리

#주니어-프론트

#프론트엔드

답변 1

댓글 2

추천해요 58

조회 3,011

6달 전 · Myeonghwan Cho 님의 답변 업데이트

프론트엔드 개발자의 미래가 궁금합니다..

안녕하세요 저는 프론트 신입이고 일한지 7개월 돼가는 새싹개발자 입니다. 현재 저는 작은 스타트업에서 자체서비스 프론트업무 및 약간의 백엔드 작업을 하고 있습니다. 스타트업 국룰 스택 (프론트 react & 백 nest ) 로 개발하고있어요 ㅎㅎ 저희 회사에서는 제가 막내고 그 위로 4명의 개발자가 계십니다. 전부 백엔드로 커리어를 시작하셨고 프론트쪽도 능수능란하게 잘 하십니다. 근데 최근에 고민거리가 생겼습니다. 사수분들 왈 , 프론트는 미래가 없다. Ai가 가장 먼저 대체 될 것이다. 그리고 프론트는 기술적 한계가 크다. 기술적 고민이 있으면 그에 맞는 라이브러리 써서 해결하면 끝인거고, 고객 요구사항은 그때 반영해서 수정하면 끝이며 백에 비해 코드 유통기한도 짧아서 유지보수 고려안해도 된다 , 화면에 보여지는게 전부인 프론트는 기술적고민이라곤 성능 최적화가 전부이다. 라고 말씀하시면서 저에게 백엔드쪽으로 전향할 생각이 없냐며 조언을 하시더라구요. 근데 저는 그때 바보같이 사수분들의 말씀에 동조를 했고 그게 맞는거 같아서 받아들였습니다.. 하지만 집가서 다시 되새김질 해보니까 프론트가 진짜 그게 전부일까라는 의문점도 들고 그렇게 따지면 대기업에는 왜 프론트하고 백이 나눠져있으며 역할이 있을까?? 진짜 프론트엔드개발자로서의 기술적 고민은 저게 전부인가?? 라는 의문점이 들었고 괜시리 프론트가 주업무인 저는 뭔가 자존심도 상하고 기분이 썩 좋진 않더라고요.. 사실 저는 백엔드개발경험도 있지만 백보다는 아직 프론트가 무척 재밌고 최근에는 canvas나 threejs로 그래픽스 개발하는거에 흥미를 느끼고 있어서 솔직히 백쪽보다는 프론트를 전문적으로 할수있는 프론트개발자가 되고 싶은데 사수분들의 말씀들 덕분에 점점 흔들리더라고요.. 정말 사수분들 말씀을 듣고 백쪽으로 커리어를 돌려야 할지 의문입니다 ㅠㅠㅠ 여기 선배님들도 저희 회사 사수분들 말씀에 동의를 하시나요???

개발자

#프론트엔드

#전망

#웹

#고민

#백엔드

답변 6

댓글 0

추천해요 1

조회 2,645

2년 전 · 익명 님의 질문 업데이트

Lottie json 퍼포먼스 이슈

Lottie 적용을 했는데, 사파리나 성능이 낮은 컴퓨터의 경우 퍼포먼스가 너무 떨어지는 이슈가 있는데요, (버벅거림이 너무 심해서 브라우저가 뻗는 이슈) Lottie 용량도 줄여보고 레이어 갯수를 최대한 줄여도 같은 이슈가 생기네요 ㅠㅠ 비슷한 dotlottie라고 변환해서 적용했는데도 마찬가지고요.. 렌더방식은 svg로 하고있는데 canvas로 렌더링하면 덜하지만 퍼포먼스가 떨어지는건 마찬가지였습니다 ㅠ 혹시 lottie 사용하시는 회원님들 중에 저와 같은 이슈를 경험해보신 분들 계신가요..?

개발자

#javascript

#json

#lottie

#html

#svg

답변 0

댓글 0

조회 335

2년 전 · 익명 님의 질문

디자인 에디터 개발 기술 장단점 질문

figma나 미리캔버스 같은 디자인 에디터를 개발하려고 하는데 디자인 요소들을 canvas에 그리는것과 div로 그리는것의 어떤 장단점이 있나요?

개발자

#react

#canvas

답변 0

댓글 0

조회 56

2년 전 · 익명 님의 질문 업데이트

똑같은 이미지 나오는 이유 알고싶습니다

smiles code 를 가지고 canvas 에 분자 그림을 그리고 그려진 분자 그림을 엑셀 행 안에 이미지로 나타내고 싶은데 현재 다른 smiles code 인데 불구하고 똑같은 이미지가 출력되는 상황입니다. Map 을 돌면서 해당 smiles code 에 대한 이미지 출력하는 방법을 알고싶습니다

개발자

#react-hook

#typescript

#jsme-editor

#exceljs

답변 1

댓글 1

조회 136

2년 전 · 이승로 님의 새로운 답변

리액트 컴포넌트를 PDF 로 변환하는 작업에서 사용할 라이브러리 추천(비교) 부탁드려요.

리액트 컴포넌트를 PDF 파일로 변환하는 작업을 진행 중인데요, 라이브러리를 찾아보니 여러 개가 나와서 혹시 사용해본 경험이 있으신 분들 조언을 여쭙고 싶습니다. 사용하면서 느꼈던 라이브러리 장단점이 있다면 공유해주시면 감사하겠습니다. - react-pdf - html2canvas - jspdf

개발자

#react-pdf

#html2canvas

#jspdf

답변 1

댓글 0

조회 242

2년 전 · 커리어리 AI 봇 님의 새로운 답변

html2canvas,jsPDF 를 이용한 pdf 만들기

스타트업에서 막취업한 프론트 신입개발자 입니다 두가지 궁금한게 있습니다. 회사에서 설문조사를 만들고 완료한 설문조사를 pdf파일로 변환시켜 다운로드할수 있게기능 구현하라고하셨습니다 설문지 한카테고리당 5장 ~6장정도의 설문지 페이지가 있는데 const blob = new Blob([doc.output("blob")], { type: "application/pdf" }); const url = URL.createObjectURL(blob) 1.만들때마다 서버에 요청해서 저장해야하는지 아니면 로컬에 저장했다가 모든설문조사가 완료하면 서버에 요청해야하는지 감이 잘안잡힙니다.. 그리고 2.html2canvas 캡쳐하면 css가 깨져버리고 a4용지크기로 크기로 맞춰서 a4 용지보다 크면 다음 페이지로 넘어가면서 이미지가 이쁘지 않게 잘리는 현상이 발생합니다 혹시 좋은 방법이 있을까요 도와주세요.. ㅠㅠ

개발자

#react

답변 1

댓글 0

조회 967