SVG는 무조건 가볍다? 과연 그럴까?

"SVG가 제일 가볍지 않나요?"👉 이 말, 정답일까요?제가 웹개발을 하면서 기획자에게 들은 질문입니다.✅ 정답 : 경우에 따라 달라요!SVG가 항상 제일 가볍다?아닙니다. 이미지의 종류에 따라 다릅니다.왜 그런지 하나씩 알아봅시다.이미지의 두 세계 : 래스터 vs 벡터1. 래스터(Raster) 이미지란?래스터 이미지는 픽셀 하나하나로 그림을 그립니다.100x100 이미지 = 10,000개의 픽셀각 픽셀은 고유의 색상을 가지고 있고, 그 정보를 저장합니다.x:0, y:0 → 하얀색x:1, y:0 → 연한 하늘색...그렇기 때문에 3000 x 5000짜리 사진이라면? 👉 무려 1,500만 개의 픽셀 정보를 저장해야 합니다.그래서 이 많은 데이터를 줄이기 위해 압축이 필요하고,그 결과물들이 바로 아래 포..

이번달 초에 갑자기 오른쪽 손목이 막 가렵기 시작했다.한 이틀간은 국소부위만 그렇게 가렵길래 대수롭지 않게 생각했다.매일 두시간씩 일찍 출근해서 공부 하고퇴근하면 스터디 준비 밑 스터디 + 이사갈 전세집 방문 + 수학공부하느라 정신없이 지냈다. 좀 지나치게 피로한가 싶은 날들이 있었고..그러다 한 번 술을 마시고 (많이 안마심)다음날부터 가려움이 심해지면서 왼쪽 팔목도 가렵기 시작했다..이 날을 기점으로 양 팔의 가려움이 팔꿈치 윗쪽까지 올라와 결국 목에 도달해버렸다.참아지지 않는 심한 가려움에 살을 파내고 싶은 지경에 이르렀고..곧 친언니 상견례가 있는데 가려움과 발진이 얼굴까지 올라와서 매우 스트레스를 받았다..회사가 있는 공덕은 피부과가 존나많다..그래서 좀 가볼랬더니질환을 보는 피부과가 없는 것이..

2024.9골격근량 2키로가 늘었다.내가 참여한 프로젝트로 우리회사가 LG PoC우수기업으로 선정되었다. 2024.10회사에서 컨텐츠코리아 전시회에 참여했고, 고객에게 보여줄 간단한 웹어플리케이션을 제작했다.전시회 참여가 처음이었기 때문에 준비~참여~철거 모든 과정에서 공부가 됐다. (자세한 후기)정처기 실기 시험을 봤고 떨어졌다. 2024.11LG PoC 성과발표회에 참여했다. (자세한 후기)미리 어플리케이션이 보여질 장소 세팅하고, 시연 될 모습을 세팅했다.행사 당일엔 엘지전자 임원과 전시회를 구경 온 많은 사람들에게 제품이 시연됐다. 매우 가슴 벅찬 경험이었다. 2024.11~2025.1새로운 프로젝트인 푸드 스타일러 제작과 론칭을 했다.많은 에디터를 만들었고 성능 개선을 위해 하이브리드 렌더..

작년 3회차 실기에서 불합격하고 25년 1회차 시험만을 기다렸다..3회차 이후 다음 해 1회차까지는 시간 텀이 너무나 길기 때문이다ㅋ 첫 실기시험 땐 단순한 유형의 프로그래밍 문제만 연습해 간 것이 낭패였다. 작년 3회차 실기에서 프로그래밍 문제 유형이 5첩 반상마냥 골고루 나왔기 때문에이번에는 여러 유형의 문제를 풀어보고 모르는 유형이 없도록 빈틈 없이 준비했다. 그리고 시험이 개편된 20년도부터 작년까지의 기출문제를 모두 거의 훑어봤는데20년도~21년도까지는 이론문제가 상당히 어렵게 나왔었다.어떤 용어에 대한 설명만 나오고, 그 용어를 "영어로" 쓰시오. 같은 문제.(보기도 제공 안 돼서 걍 암기해 가야 함) 예를 들면 "입력 결과와 출력 결과의 논리적 관계를 그래프로 표현한 뒤 테스트 케이스를 도..

소개회사에서 캔버스 다룰 일이 늘어나다 보니 여러 라이브러리를 사용하게 되는데, 이번에 써본 fabric.js가 캔버스 위에 그려진 오브젝트를 관리하는게 konva.js보다 훨씬 쉬웠다. 그래서 재미삼아 인스타그램 스토리에서 처럼 간단하게 동영상/사진 위에 스티커나 텍스트를 올릴 수 있는 캔버스를 만들어보았다.혹시 에디터를 만들어야 하는 분들에게 도움이 되길 바란다.  완성된 화면데스크탑 버전 모바일 버전  사용한 스팩- next.js v15- fabric.js- react-color-palette  프로젝트 구조src ㄴapp ㄴclass ㄴeditor.class.ts #텍스트, 이모지 편집을 관리하는 class. 아래의 fabric class를 상속받음 ㄴfab..

에러 상황Next로 개발하다보면 개발 중엔 문제가 없었는데 개발 다 하고 배포하려고 빌드 하니갑자기 아래와 같은 에러를 마주할 때가 있다.food-editor:build: Error occurred prerendering page "/foodstyler/module/menu". Read more: https://nextjs.org/docs/messages/prerender-errorfood-editor:build: Export encountered an error on /foodstyler/module/menu/page: /foodstyler/module/menu, exiting the build.food-editor:build: ⨯ Static worker exited with code: 1 and ..