테크 삽질 연구소
close
프로필 배경
프로필 로고

테크 삽질 연구소

  • 분류 전체보기 (56) N
    • 실무개발 (28) N
    • 서버 & 인프라 (23)
    • SEO & 마케팅 & AI (5)
  • 홈
  • 태그
  • 방명록
  • 소개
  • 개인정보처리방침
  • 문의
  • 이용약관
Java record와 Lombok 비교: DTO에는 어떤 방식을 선택해야 할까?

Java record와 Lombok 비교: DTO에는 어떤 방식을 선택해야 할까?

Java record와 Lombok 비교를 통해 DTO에 어떤 방식을 선택해야 하는지 정리합니다. java lombok vs record 차이부터 @Value, Getter, Builder, Jackson, JPA 활용 시 주의점까지 실무 기준으로 비교합니다.Java record와 Lombok은 무엇이 다른가요?Java record와 Lombok은 모두 반복적인 코드를 줄이는 데 도움이 되지만 출발점부터 다릅니다.record는 Java 언어 자체에서 제공하는 데이터 중심 클래스 문법입니다. 반면 Lombok은 애노테이션 처리를 통해 Getter, 생성자, Builder 등의 코드를 생성하는 라이브러리입니다.간단한 사용자 응답 DTO를 일반 클래스로 작성하면 필드, 생성자, Getter 등을 직접 정의해야..

  • format_list_bulleted 실무개발
  • · 2026. 7. 5.
  • textsms

Nuxt에서 이미지 압축하는 방법: 브라우저 기반 JPG PNG WEBP 압축 구현

Nuxt 프로젝트에서 이미지 압축 기능을 구현하는 방법을 npm, yarn 설치부터 파일 업로드, 브라우저 압축, 미리보기, 다운로드 처리까지 개발자 관점에서 자세히 정리합니다.Nuxt 이미지 압축 기능 구현하기: npm, yarn 설치부터 실제 사용까지Nuxt 이미지 압축 기능은 블로그, 쇼핑몰, 관리자 페이지, 프로필 업로드, 게시판 첨부파일 기능을 만들 때 자주 필요한 기능입니다. 사용자가 업로드하는 JPG, PNG, WEBP 이미지의 용량이 너무 크면 페이지 로딩 속도가 느려지고, 서버 저장 공간과 트래픽 비용도 증가합니다. 이 글에서는 Nuxt 프로젝트에서 이미지 압축 기능을 처음 설치하는 단계부터 npm 또는 yarn을 이용한 패키지 설치, 이미지 선택, 압축 처리, 미리보기, 다운로드 기능까..

  • format_list_bulleted 실무개발
  • · 2026. 7. 2.
  • textsms
Nuxt로 QR 코드 생성하는 방법: qrcode 라이브러리 실무 소스코드 정리

Nuxt로 QR 코드 생성하는 방법: qrcode 라이브러리 실무 소스코드 정리

Nuxt에서 QR 코드를 생성하는 방법을 개발자 관점에서 정리합니다. qrcode 라이브러리를 사용해 클라이언트에서 QR 이미지를 만들고, 서버 API로 QR 코드 Data URL을 반환하는 실무형 예제를 제공합니다.Nuxt로 QR 코드 생성하는 방법: qrcode 라이브러리 실무 소스코드 정리Nuxt로 QR 코드 생성 기능을 구현할 때는 사용자가 입력한 URL이나 텍스트를 QR 이미지로 변환하고, 화면에 미리보기로 보여주거나 다운로드할 수 있게 만드는 방식이 가장 많이 사용됩니다. 이 글에서는 Nuxt에서 qrcode 라이브러리를 사용해 QR 코드를 생성하는 방법을 개발자 관점에서 정리하고, 바로 사용할 수 있는 소스코드까지 함께 설명합니다.Nuxt는 Vue 기반의 풀스택 프레임워크이며, server/..

  • format_list_bulleted 실무개발
  • · 2026. 7. 2.
  • textsms
Nuxt로 PDF 합치기 도구 만들기: 서버 업로드 없이 브라우저에서 PDF 병합 구현하기

Nuxt로 PDF 합치기 도구 만들기: 서버 업로드 없이 브라우저에서 PDF 병합 구현하기

Nuxt와 pdf-lib를 사용해 여러 PDF 파일을 브라우저에서 합치는 PDF 병합 도구를 구현하는 방법을 설명합니다. 파일 업로드, 드래그 순서 변경, PDF 병합, 다운로드, SEO 설정까지 개발자 관점에서 정리했습니다.Nuxt로 PDF 합치기 도구 만들기: 서버 업로드 없이 브라우저에서 PDF 병합 구현하기PDF 합치기 기능은 여러 개의 PDF 파일을 하나의 문서로 병합해야 할 때 자주 사용되는 웹 도구입니다. 특히 사용자가 계약서, 견적서, 스캔 문서, 보고서 등을 하나로 묶고 싶을 때 검색하는 대표적인 키워드가 “PDF 합치기”, “PDF 병합”, “PDF 파일 합치기”입니다.이번 글에서는 실제 PDF 합치기 도구 페이지를 참고해, 개발자 입장에서 Nuxt로 서버 업로드 없이 브라우저에서 PD..

  • format_list_bulleted 실무개발
  • · 2026. 6. 30.
  • textsms
Nuxt3로 제비뽑기 웹 서비스를 만든 이유와 랜덤 추첨 기능 구현 방법

Nuxt3로 제비뽑기 웹 서비스를 만든 이유와 랜덤 추첨 기능 구현 방법

Nuxt3를 활용해 제비뽑기 웹 서비스를 개발한 과정을 정리했습니다. 랜덤 추첨 알고리즘 구현, 상태 관리, SEO 적용, 배포 과정까지 실제 개발 경험을 기반으로 설명합니다.Nuxt3로 제비뽑기 웹 서비스를 만든 이유와 랜덤 추첨 기능 구현 방법최근 간단한 이벤트나 모임에서 사용할 수 있는 웹 기반 제비뽑기 서비스를 만들게 되었습니다. 단순히 랜덤 숫자를 출력하는 수준이 아니라, 누구나 모바일에서 쉽게 사용할 수 있고 검색 유입까지 고려한 서비스가 필요했습니다. 그래서 선택한 기술이 바로 Nuxt3입니다.이번 글에서는 실제로 제작한 제비뽑기 서비스인 '제비뽑기' 기능을 예시로, 왜 Nuxt를 선택했는지와 랜덤 추첨 기능을 어떻게 구현했는지 개발자 관점에서 정리해보겠습니다.https://tool.dapl..

  • format_list_bulleted 실무개발
  • · 2026. 6. 30.
  • textsms
워드프레스 플러그인 제작하기: 숏코드, 관리자 설정, iframe 위젯까지 직접 구현하는 방법

워드프레스 플러그인 제작하기: 숏코드, 관리자 설정, iframe 위젯까지 직접 구현하는 방법

워드프레스 플러그인 제작 방법을 숏코드, 관리자 설정 페이지, iframe 위젯 출력, Gutenberg 블록 확장 관점에서 실무 예제로 정리합니다.워드프레스 플러그인 제작이 필요한 이유워드프레스 플러그인 제작은 기존 테마를 수정하지 않고도 사이트 기능을 확장할 수 있는 가장 안정적인 방법입니다. 예를 들어 특정 외부 서비스의 데이터를 글 본문, 페이지, 사이드바에 표시하거나 관리자 설정값에 따라 다른 위젯을 출력해야 한다면 테마의 functions.php에 코드를 넣는 것보다 별도 플러그인으로 분리하는 것이 유지보수에 유리합니다.이번 글에서는 알뜰폰 요금제 위젯처럼 외부 데이터를 워드프레스에 표시하는 플러그인을 만든다고 가정하고, 다음 구조를 기준으로 설명합니다.plan-apthow-widget/├──..

  • format_list_bulleted 실무개발
  • · 2026. 6. 21.
  • textsms
  • navigate_before
  • 1
  • 2
  • 3
  • 4
  • 5
  • navigate_next
공지사항
  • 테크 삽질 연구소 안내
전체 카테고리
  • 분류 전체보기 (56) N
    • 실무개발 (28) N
    • 서버 & 인프라 (23)
    • SEO & 마케팅 & AI (5)
최근 글
인기 글
최근 댓글
태그
  • #Nexus
  • #nuxt
  • #springboot
  • #RESTAPI
  • #NexusRepository
  • #ubuntu
  • #gitlab
  • #nuxt3
  • #php
  • #Linux
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바