혁신을 이룹니다, 오딘박스(OdinBOX)

언제나 어디서나 오딘박스와 함께!

DEVELOPMENT 134

Semantic Kernel 개념(예제포함) 및 교육 후기

Semantic Kernel에 대해서 알아봅시다Semantic Kernel을 알아보고 교육 후기를 알아보자인공지능 기술의 발전은 개발자들에게 지능형 애플리케이션을 구축할 수 있는 새로운 기회를 제공하고 있습니다. 이러한 흐름 속에서 마이크로소프트의 오픈소스 프로젝트인 Semantic Kernel은 대규모 언어 모델(LLM)을 가존 애플리케이션과 통합하여 AI 기능을 손쉽게 구현할 수 있는 강력한 도구입니다. Semantic Kernel을 개념과 주요 특징을 상세히 소개하고 이를 활용한 예제와 사용법을 적어보고 교육을 참여하게 되었는데 그에 관련된 후기도 남겨볼까 합니다.목차Semantic Kernel Semantic Kernel이란?최신 AI 모델을 C#, Python, Java와 같은 기존 프로그래밍 ..

DEVELOPMENT 2025.03.30

HTML id, class, name 속성 이해와 활용방법

웹 페이지의 구조, 디자인, 그리고 동적인 기능 구현에 결정적인 역할을 하는 id, class, name 속성HTML에서 사용하는 ID,CLASS,NAME을 알아봅시다!웹 개발의 기초이자 핵심인 HTML은 단순한 마크업 언어를 넘어, 웹 페이지의 의미 구조를 정의하고 다양한 기능을 구현하는 데 중요한 역할을 합니다. HTML 요소에 부여되는 여러 속성 중에서도 id, class, 그리고 name은 웹 페이지를 동적으로 만들고, 스타일을 적용하며, 사용자로부터 데이터를 효율적으로 수집하는 데 필수적인 요소입니다. 하지만 이 세 가지 속성은 각기 다른 목적과 특징을 가지고 있어, 이를 정확히 이해하고 적절하게 사용하는 것이 효율적인 웹 개발의 첫걸음입니다. 본 글에서는 id, class, name 속성의 개..

DEVELOPMENT 2025.03.22

jQuery $.getScript() 함수를 사용한 동적 스크립트 로딩

동적 스크립트 로딩으로 웹 페이지 속도 UP! jQuery $.getScript() 완벽 가이드jQuery $.getScript() 웹 페이지의 성능을 향상하는 방법 중 하나는 자바스크립트 파일을 동적으로 로딩하는 것입니다. 동적 스크립트 로딩은 필요한 시점에만 자바스크립트 파일을 로드하여 초기 페이지 로딩 시간을 단축하고, 필요하지 않은 스크립트 실행을 방지하여 웹 페이지의 전반적인 성능을 향상할 수 있습니다. jQuery는 $.getScript() 함수를 통해 동적 스크립트 로딩을 간편하게 구현할 수 있도록 지원합니다. 이 글에서는 $.getScript() 함수의 기능과 사용법, 예제 코드, 주의 사항 등을 자세히 살펴보겠습니다. 목차jQuery $.getScript()jQuery $.getScrip..

DEVELOPMENT 2025.03.09

C# ASP.NET BackgroundService 개념 및 활용 가이드

IHostedService, CancellationToken, 범위 지정 서비스 완벽 이해 및 실전 적용백그라운드 작업의 핵심, BackgroundService A to Z  ASP.NET Core는 웹 애플리케이션 개발을 위한 강력한 프레임워크이지만, 웹 요청 처리 외에도 다양한 백그라운드 작업 요구사항을 충족해야 합니다. 주기적인 작업 스케줄링, 이벤트 기반 비동기 처리, 장시간 연산 작업 관리 등 백그라운드 작업은 애플리케이션의 기능 확장과 효율성 증진에 필수적입니다. ASP.NET Core는 이러한 요구를 위해 IHostedService 인터페이스와 BackgroundService 추상 클래스를 핵심 구성 요소로 제공합니다. 본 글에서는 BackgroundService의 개념을 심층적으로 이해하고..

DEVELOPMENT 2025.03.01

JavaScript 정규 표현식 가이드, 문법과 예제

생각보다 많이 쓰닌깐 기억해 보자고요!정규 표현식 생각보다 많이 씁니다! 정규 표현식(Regular Expressions)은 텍스트 데이터를 검색, 추출, 변환하는 데 강력한 도구입니다. 특히 JavaScript에서 정규 표현식은 문자열 처리 작업을 간소화하고 효율성을 높이는 데 중요한 역할을 합니다. 하지만 복잡한 문법과 다양한 기능 때문에 처음 접하는 사람들에게는 어렵게 느껴질 수 있습니다.JavaScript 정규 표현식의 기본 문법부터 실전에서 자주 사용되는 예제까지 체계적으로 정리해 보겠습니다. 이를 통해 정규 표현식을 활용한 예제도 보시죠!목차 자바스크립트 정규식기본 구조정규 표현식은 /패턴/플래그 형태로 작성됩니다.const regex = /odinbox/; // odinbox라는 것을 찾는다..

DEVELOPMENT 2025.01.19

레거시 코드, 너는 대체 왜 이러니? 개발자의 생존 가이드

레거시 코드는 '누가 이걸 만들었어?' 하다가 거울 속 내 얼굴을 보게 되는 코드레거시 코드는 과거의 선택이 현재의 도전이 된 코드개발자라면 누구나 한 번쯤 이런 경험이 있을 겁니다."이 코드는 누가 짰지?""어라, 내가 짰네..." 이제는 손대기 무서운 코드가 되어버린 레거시 코드레거시 코드는 마치 오래된 라면 수프처럼, 없으면 안 되지만 뜯으면 뭔가 찝찝한 존재입니다. 하지만 이것도 결국 누군가의 땀과 눈물로 만들어진 유산이죠. 이번 글에서는 레거시 코드의 정체와 문제점, 이를 어떻게 다루면 좋을지, 그리고 우리에게 주는 교훈까지, 재미있고 실용적으로 풀어보겠습니다.목차레거시코드레거시 코드란 무엇인가?레거시 코드(Legacy Code)란 단순히 오래된 코드를 의미하지 않습니다. 대체로 다음과 같은 특..

DEVELOPMENT 2025.01.04

파이썬을 활용한 자동화 문서 생성 방법

귀찮은 문서를 자동화로 만들어봅시다 파이썬을 이용하여 업무 자동화를 해봅시다 파이썬은 다양한 자동화 작업을 효율적으로 처리할 수 있는 강력한 도구입니다. 그중에서도 문서 자동화는 업무 효율성을 극대화하고 반복 작업을 줄여주는 중요한 기능입니다. 본 글에서는 파이썬을 활용하여 문서를 자동으로 생성하는 방법에 대해서 간단하게 알아보도록 하겠습니다. 목차 자동화문서반복적인 문서 작성 작업을 자동화하면 시간이 절약되고 실수를 줄일 수 있어 좋을 것 같습니다. 예를 들어, 보고서 작성, 계약서 작성, 이메일 발송 등의 작업을 자동화를 할 수 있습니다.필요한 파이썬 라이브러리패키지명패키지설명python-docxMicrosoft Word 문서를 생성하고 수정할 수 있는 라이브러리openpyxlExcel..

DEVELOPMENT 2024.11.25

자바스크립트로 구현하는 이미지 지연 로딩(Lazy Loading)

웹에 이미지를 많이 다룬다면 고민해보세요!이미지가 많으면 시간 소모가 늘어나면 이걸 해보세요!웹사이트를 개발할 때 성능 최적화는 중요한 요소입니다. 그 중에서도 페이지 로딩 속도는 사용자 경험에 큰 영향을 미치는데요, 특히 이미지가 많은 페이지에서는 초기 로딩 시간 지연이 문제가 될 수 있습니다. 이를 해결하기 위 Lazy Loading(지연 로딩) 기법을 사용할 수 있습니다. Lazy Loading은 페이지 로딩 시, 화면에 보이는 이미지들만 우선 로드하고, 나머지 이미지들은 사용자가 스크롤하여 해당 영역에 도달했을 때 로드하는 방식입니다. 이로써 페이지의 초기 로딩 시간을 단축시키고, 불필요한 네트워크 자원 소모를 줄일 수 있습니다.목차이미지 로딩Lazy Loading 개념Lazy Loading은 필..

DEVELOPMENT 2024.11.16

CORS 개념과 오류 해결방법

CORS와 관련한 오류가 있는데, 이런 부분을 확인을 해보세요CORS 오류 한 번쯤은 겪을 오류인데, 이 글로 미리 파악하세요웹 개발을 하다 보면 다른 도메인 간에 데이터를 요청하거나 가져올 일이 자주 발생합니다. 이때 발생하는 보안상의 제약을 해결해 주는 것이 바로 CORS(Cross-Origin Resource Sharing)입니다. 하지만 CORS 정책에 의해 발생하는 오류는 웹 개발자들이 자주 마주하는 문제 중 하나입니다. 이 글에서는 CORS의 기본 개념을 소개하고, 실제로 발생할 수 있는 오류 예시와 그 해결 방법을 살펴보겠습니다.목차CORS(Cross-Origin Resource Sharing)CORS란? CORS는 Cross-Origin Resource Sharing의 약자로, 웹 페이지가..

DEVELOPMENT 2024.11.15

비주얼 스튜디오(visual Studio) 설치 및 업데이트 중 오류 해결방법

설치가 완료되지 않았다고요? 이걸로 해보세요!VisualStudio 업데이트 및 설치 중 오류 해결방법은 이렇게!업무 하는 중 많이 쓰는 개발 IDE의 경우 Visual Studio를 가장 많이 사용을 하고 있습니다. 회사마다 개발하는 분야 등에 따라서 달라질 수 있지만 제가 근무하고 있는 곳에서 사용을 하는 주요 IDE 중 하나는 Visual Studio입니다. 가끔 사용을 하다 업데이트 중 문제가 발생을 하는데 흔하게 나오는 오류 중 해결할 수 있는 방법에 대해서 알려드리도록 하겠습니다.목차VisualStudio오류증상VisualStudio 설치에 대한 설정이 완료되지 않았습니다. 이 문제를 해결하려면 Visual Studio 설치 관리자를 다시 실행하세요. VisualStudio 업데이트 도중 중지..

DEVELOPMENT 2024.11.14