benscript 님의 블로그

개발자들은 웹, 백엔드, 데이터, 모바일 등 다양한 분야에서 일하다 보면 예기치 못한 오류를 자주 만납니다. 이런 오류들은 간단한 설정 미스나 잘못된 코드 사용으로도 발생할 수 있어, 원인을 정확히 파악하고 적절히 대응하는 것이 중요합니다. 이 글에서는 실무에서 흔히 볼 수 있는 대표적 오류 유형과 그 원인 및 해결 방법을 알아봅니다. 많은 경우 오류 메시지나 스택 트레이스를 잘 살펴보면 문제의 실마리를 얻을 수 있으며, StackOverflow나 GitHub 이슈 등 커뮤니티에 유사한 사례와 해결책이 공유되어 있으니 참고할 수 있습니다.웹 개발: CORS(Cross-Origin) 오류웹 개발에서 자주 마주치는 문제 중 하나는 CORS 오류입니다. 예를 들어, 브라우저 콘솔에 No 'Access-Cont..

JSON 기반 데이터에 차트를 얹어야 할 일이 생겨서 SpreadJS의 DataChart 기능을 써봤습니다. 기본 차트 기능도 있긴 한데 데이터관리자(Data Manager) 기반이라 “데이터만 연결하면 차트가 바로 그려진다”는 느낌이에요. ✅ DataChart가 뭐야?- 일반 차트보다 유연하게 데이터를 Dynamic하게 시각화할 수 있는 기능- DataManager에 직접 연결돼, JSON 업데이트를 반영함 - 엑셀처럼 시트 내부 범위 기반이 아니라, 데이터 모델에 붙는 방식📌 단점: 이 기능을 쓰려면 DataCharts 플러그이 필요하고, Excel 내보내기 하면 이미지로 저장됨 기본 코드 결과 이미지는 위와 같습니다 직접 써보니 ..

2024년 말 현재 생성형 AI는 기업들의 개발 생산성을 비약적으로 향상시키는 도구로 각광받고 있습니다. 국내 IDC 조사에 따르면 한국 기업의 72%가 이미 생성형 AI를 업무에 활용 중이며, 도입 기업의 78%는 생산성 향상을 경험했다고 답했습니다. GPT-4와 같은 대형 언어모델(LLM) 기반 서비스나 GitHub Copilot 같은 코딩 보조 툴을 도입해 웹 개발, 백엔드, 데이터 분석, 문서 작성 등 다양한 분야에서 효율화를 꾀하는 기업들이 늘고 있습니다. 이하에서는 실제 기업들의 사례를 살펴보겠습니다.동원그룹 – 자체 GPT 플랫폼 ‘동원GPT’동원그룹은 2024년 4월 OpenAI GPT-4를 기반으로 한 자체 AI 챗봇 플랫폼 ‘동원GPT’를 사내에 도입했습니다. 동원GPT는 문서 작성, ..

SpreadJS 여러 기능을 테스트를 하는 중 이번에는 setDataSource() 메서드로 JSON 데이터 바인딩하는 기능에 대해서 보았습니다.1. 기본 바인딩 구조SpreadJS에서 JSON 데이터를 시트에 바인딩하려면 워크북 생성 → 시트 지정 → `setDataSource()` 순서로 연결하면 됩니다.예제:딱히 설정할 게 없고, JSON 객체의 key가 열로 자동 매핑됩니다. 2. 열 수동 설정자동으로 열이 생성되는 게 싫다면 autoGenerateColumns를 꺼두고 보여줄 열만 직접 바인딩할 수 있습니다. sheet.autoGenerateColumns = false;sheet.setDataSource(data); // 데이터 먼저 바인딩sheet.bindColumns([ { name:..

웹에서 Excel 파일을 불러오고 저장하는 니즈가 있어 SpreadJS의 엑셀 import/export 기능을 살펴보았습니다.일반 엑셀 유형 뿐만 아니라 자체적으로 지원하는 sjs, ssjson 등도 있더라구용 일단 설정 방법은 먼저 헤더 섹션에 gc.spread.sheets.io를 추가 설정해줘야 합니다.🔧 설정 방법 (HTML) 그 다음 spreadjs 컨트롤을 호스팅할 div 요소와 엑셀 불러오기/내보내기 이벤트를 불러올 버튼을 추가해줍니다. 🚀 JavaScript 설정📦 SpreadJS 초기화그 다음은 GC.Spread.Sheets.Workbook의 인스턴스를 생성해줍니다.var spread;window.onload = function () { sprea..

https://youtu.be/BoDJ0A1AVPg?si=3Cid_WIh6ZXa1wT_ 영상을 요약했습니다.1. AI 기반 통합 개발 환경(IDE)Cursor: AI 기능이 내장된 코드 편집기로, 자동 완성, 리팩토링, 코드 설명 등 다양한 기능을 제공합니다.Windsurf: AI를 활용하여 코드 작성과 디버깅을 지원하는 차세대 IDE입니다.2. 코드 생성 및 보조 도구GitHub Copilot: OpenAI의 기술을 기반으로 한 코드 자동 완성 도구로, 개발자의 생산성을 향상시킵니다.Tabnine: 다양한 프로그래밍 언어를 지원하는 AI 코드 보조 도구로, 실시간 코드 제안을 제공합니다.3. 테스트 자동화 및 코드 품질 향상 도구CodiumAI: 기존 코드를 분석하여 자동으로 테스트 케이스를 생성해주는..