작년 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 ..

⭐️ 콘텐츠 코리아란?콘텐츠 코리아란 일산 킨텍스에서 열리는 국내 콘텐츠 사업의 성장 촉진하기 위해 콘텐츠 제작, 유통, 활용 등 콘텐츠 사업 전반의 경쟁력 강화를 도모하기 위한 전시회이다. 최신 기술인 인공지능, VR/AR, 메타버스, 로봇 등 콘텐츠 제작 및 활용에 필요한 최신 기술과 트렌드를 공유하는 장이기도 하다. 콘텐츠 기업들이 소비자/바이어/투자자 등과 직접 소통하며 제품 및 서비스를 알릴 수 있는 기회를 제공해준다.올해는 2024년 10월 23-25일 진행됐다.  ⭐️ 준비생각보다 많은것을 준비해야 하는데, 전시회 신청 과정을 제외하고팜플렛 제작, 백월 제작, 전시회에서 사용할 비품 및 장비 구매, 전시회에서 선보일 이벤트용 웹어플리케이션 제작 등을 했다.이 중 나는 부스 방문 고객들의 인..

⭐️ 비즈노베이터란?비즈노베이터(Biznovator)란 LG전자에서 진행하는 오픈 이노베이션 프로그램이다.오픈 이노베이션이란 기업이 외부에서 기술과 정보를 공유받아 새로운 제품과 서비스를 만들어내는 전략을 말한다. 지금 일하고 있는 회사 커넥트브릭이 비즈노베이터 참여 기업 중 하나에 선정되어 LG전자 BS 사업본부와 협업하게 되었다. ⭐️ 제품 개발 기간7월 말에 시작하여 10월 중순까지 개발했다. 기획, 개발은 커넥트브릭이 진행했고, 중간중간 LG전자 직원분들이 오셔서 우리가 개발하고 있는 제품의 시연을 보고 사용성, 개발기간 등의 피드백을 주셨다. ⭐️ 개발한 제품커넥트브릭은 LG전자의 빔프로젝터 제품에 접목할 '빔테리어(빔+인테리어)' 제품을 고안했다. 사용자가 현재 기분에 맞는 키워드를 입력하면..

Tainted Canvas 에러와 CORS: 원인과 해결 방법canvas에서 작업하다 보면 "Tainted canvases may not be exported"라는 에러를 종종 접할 수 있다.이 에러를 제대로 이해하고 수정하려면, CORS(교차 출처 리소스 공유)와 관련된 동작 원리를 알아야 한다.아래에서는 Tainted canvas 에러가 발생하는 이유와 해결 방법, 그리고 관련된 `crossOrigin` 속성과 서버 설정의 관계를 정리해봤다.Tainted Canvas 에러 발생 상황에러가 발생하는 맥락1. canvas데이터를 추출하려 할 때   예: toDataURL() 메서드를 호출해 canvas 데이터를 이미지로 저장하려는 경우.2. crossOrigin="anonymous"설정 후   `cros..