ZeroBin`s 개발일지

안녕하세요, 오늘은 지난번 Github Copilot 을 통해 작성한 코드를 기반으로 시각화하는 AI 를 소개하려고 합니다. 코드를 작성하고 나서 프로젝트 구조나 흐름을 동료나 클라이언트에게 설명해야 할 때, 복잡한 텍스트나 코드만으로는 부족할 때가 있습니다. 이때 Napkin AI 를 사용해 보세요. Napkin AI는 텍스트를 입력하면 자동으로 다이어그램, 플로우차트, 마인드맵 같은 시각적 자료를 생성해 주는 AI 도구입니다. 특히, 개발자가 프로젝트 아키텍처나 API 흐름을 직관적으로 보여주고 싶을 때 좋은 선택이 될 수 있습니다.이전포스팅 : [Github Copilot] 인텔리J 활용가이드(With SpringBoot) [Github Copilot] 인텔리J 활용가이드(With SpringBoo..

오늘은 AI 기반 코딩 어시스턴트인 Github Copilot 에 대해 알아보려고 합니다. GitHub Copilot은 OpenAI의 Codex 모델을 기반으로 만들어진 도구로, 코드 자동 완성, 컨텍스트 기반 코드 제안, 심지어 주석만으로도 코드를 생성해 주는 똑똑한 파트너입니다.Java, Python, JavaScript 등 다양한 언어를 지원하며, 특히 IntelliJ IDEA 같은 IDE와의 통합이 뛰어나 개발 생산성을 크게 높여줍니다. 예를 들어, "학생 엔티티 클래스를 만들어줘"라는 주석을 쓰면, Copilot이 JPA 어노테이션까지 포함한 코드를 제안해 줍니다. 이 글에서는 Copilot을 IntelliJ에 연결하는 방법과 SpringBoot 프로젝트에서 활용하는 예제를 소개하겠습니다.1...

이전 포스팅에서 Spring Boot와 MyBatis를 사용해 다중 데이터소스를 설정하고 패키지로 구분하는 방법을 다뤘습니다. 이번에는 @Qualifier 를 이용하여 Mapper 경로를 공유하면서도 다중 데이터소스를 사용하는 방법을 알아보겠습니다.이전 포스팅 보러가기: [SpringBoot] Mybatis 다중 Datasource 적용하기1. @Qualifier 의존성 주입 순서타입으로 빈 검색: @Autowired가 붙은 필드나 생성자의 타입과 일치하는 빈을 찾습니다.1개일 경우: 해당 빈을 바로 사용합니다.2개 이상일 경우: 추가 조건으로 좁혀갑니다.@Qualifier가 명시된 경우: @Qualifier("이름")에 지정된 이름과 일치하는 빈을 찾습니다.일치하는 빈이 있으면: 그 빈을 사용합니다.없..

Spring Boot는 RESTful API와 웹 애플리케이션 개발을 쉽게 만들어주는 강력한 프레임워크입니다. 클라이언트로부터 데이터를 받을 때 자주 사용되는 어노테이션인 @RequestBody, @RequestParam, @ModelAttribute는 각각의 역할과 사용 시나리오가 다릅니다. 이 포스팅에서는 이 세 가지 어노테이션의 차이점을 명확히 짚어보고, HTTP 요청의 속성과 연관 지어 어떻게 동작하는지 알아보겠습니다. 또한, 각 어노테이션에 대한 간단한 예제 코드를 통해 실무에서 어떻게 활용할 수 있는지 살펴보겠습니다.1. @RequestBody(@ResponseBody) 설명@RequestBody: HTTP 요청의 본문(body)에 포함된 데이터를 Java 객체로 변환합니다. 주로 JSON이나..

오늘은 프로젝트 관리 도구로 유명한 JIRA의 무료 버전, JIRA Cloud Free를 사용하는 방법을 소개하려고 합니다. 팀 작업을 효율적으로 관리하고 싶지만 비용은 줄이고 싶다면, 무료 버전을 사용하는 것도 방법이 될 수 있습니다. 1. JIRA 소개JIRA는 Atlassian에서 개발한 프로젝트 관리 및 이슈 추적 도구로, 소프트웨어 개발 팀뿐만 아니라 다양한 팀에서 작업을 체계적으로 관리할 때 유용합니다. 특히 애자일(Agile) 방법론을 따르는 팀에게 유용합니다. JIRA는 클라우드(Cloud)와 서버(Server) 버전이 있는데, 오늘 다룰 JIRA Cloud Free는 최대 10명까지 무료로 사용할 수 있는 클라우드 기반 서비스 입니다. 설치 없이 바로 시작할 수 있다는 점이 큰 매력이라고..

안녕하세요. 오늘은 SpringBoot 와 Vue를 활용해 문자열 데이터와 멀티파트 파일을 동시에 REST API로 주고받는 방법을 알아보겠습니다. JSON 형식의 문자열 데이터와, 관련 파일을 함께 업로드하는 과정을 단계별로 소스 코드와 함께 설명하겠습니다. 목표프론트엔드: Vue에서 FormData를 사용해 태스크 데이터(JSON)와 파일을 서버로 전송.백엔드: Spring Boot에서 @RequestPart와 MultipartHttpServletRequest로 데이터를 받아 처리.결과: 태스크별로 파일을 분배하고, 데이터베이스에 저장.1. 프론트엔드 구현(Vue)Vue에서는 axios를 활용해 multipart/form-data 요청을 생성합니다. 태스크 데이터를 JSON 문자열로, 파일은 태스크별..

오늘은 Node.js 기반의 프레임워크인 NestJS에 대해 알아보겠습니다. 백엔드 개발을 하다 보면 구조화된 코드와 확장 가능한 아키텍처가 얼마나 중요한지 느끼게 되는데요, NestJS는 이런 고민을 덜어주는 도구입니다. 이 글에서는 NestJS가 무엇인지, 어떤 특징이 있는지 간단한 예제를 통해 알아보겠습니다.1. NestJS 란?NestJS는 Node.js로 서버 사이드 애플리케이션을 구축하기 위한 프레임워크입니다. TypeScript를 기본으로 지원하며, Express나 Fasify 같은 HTTP 서버 프레임워크 위에서 동작합니다. NestJS는 객체 지향 프로그래밍(OOP), 함수형 프로그래맹(FP), 그리고 반응형 프로그래밍(RP)의 강점을 결합해 생산성과 유지보수성을 높이는 것을 목표로 합니..

이번 포스팅은 RabbitMQ 가 무엇인지 간단한 예제와 함께 알아보려고 합니다.1. RabbitMQ 란?RabbitMQ는 AMQP(Advanced Message Queuing Protocol)를 기반으로 한 오픈소스 메시지 브로커(Message Broker)입니다. 애플리케이션 간 비동기 메시지 전송을 지원하며, 시스템 간 느슨한 결합(Loose Coupling)을 가능하게 해 줍니다.주요 역할: 메시지를 생산자(Producer)로부터 받아 소비자(Consumer)에게 전달핵심 구성 요소: Exchage(메시지 라우팅), Queue(메시지 저장), Binding(Exchage와 Queue 연결)사용 사례: 마이크로서비스 간 통신, 작업 큐 관리, 이벤트 기반 아키텍처2. 장점 & 단점장점확장성: 여러 ..

오늘은 Vue 를 개발할 때 유용한 UI 프레임워크인 "Ant Design Vue(antd)" 에 대해 소개하려고 합니다. 실무에서 자주 쓰이는 antd의 특징과 사용법, 주요 태그를 알아보겠습니다.1. Antd란?Ant Design Vue는 Ant Design(React 기반)의 Vue 버전으로, 엔터프라이즈급 웹 애플리케이션을 빠르게 구축할 수 있게 해주는 UI 프레임워크입니다. UI 프레임워크는 스타일링과 컴포넌트를 미리 제공해 개발 속도를 높이고, 일관된 디자인을 유지하게 도와줍니다. antd는 특히 관리자 대시보드나 복잡한 UI를 다룰 때 강력합니다.2. Antd 의 장단점장점풍부한 컴포넌트 : 버튼, 테이블, 폼 등 50개 이상의 고품질 컴포넌트 제공TypeScript 지원 : Vue 와 TS..

AI 챗봇의 대표주자 ChatGPT, DeepSeek, Grok 은 각기 다른 매력으로 주목받고 있습니다. 이번 포스팅에서는 이들의 특징과 기술적 기반을 간단히 들여다보고 무료 버전의 차이를 비교해 보도록 하겠습니다.1. 각 프로그램의 특징ChatGPT : 자연스러움OpenAI의 ChatGPT는 2022년 데뷔 이후 AI대화의 기준이 되었습니다. GPT(Generative Pre-trained Transformer) 기반으로 텍스트를 생성하며, 일상 대화부터 창작, 코딩까지 다재다능합니다. 예를 들어, "블로그 초안을 써줘" 하면 맥락에 맞춰 깔끔하게 정리해 줍니다. 일상적인 대화부터 창작, 코딩까지 폭넓게 활용할 수 있는 올라운더형 AI라고 할 수 있습니다. DeepSeek : 기술 전문가중국의 Dee..