KUKJIN LEE
총 570개의 글
Docker Bridge 네트워크 가이드
Bridge 네트워크란? Bridge 네트워크는 Docker의 기본 네트워크 드라이버입니다. 이 네트워크는 같은 Docker 호스트 내에서 실행되는 컨테이너들이 서로 통신할 수 있게 해주는 소프트웨어 브리지를 생성합니다. 주요 특징: 컨테이너 간 격리 제공 호스트와 컨...
SonarQube란 무엇인가?
SonarQube는 오픈 소스 코드 품질 및 보안 분석 도구로, 소프트웨어 프로젝트의 소스 코드를 지속적으로 검사하고 분석하여 코드 품질을 개선하고 보안 취약점을 식별하는 데 도움을 줍니다. 다양한 프로그래밍 언어를 지원하며, 코드의 버그, 코드 냄새, 보안 취약점 등...
SEO를 위한 이미지 크롤링 최적화 가이드
1. 문제 상황 웹사이트의 /public/assets 폴더 내의 모든 이미지가 검색 엔진에 의해 크롤링되고 있습니다. 색인화가 불필요한 이미지까지 크롤링하기 때문에 경고로 표시 2. 목표 불필요한 이미지 크롤링 방지 중요한 이미지의 SEO 가치 유지 웹사이트 성능 최적...
Docker를 활용한 데이터 통합(공유)
분산된 마이크로서비스 아키텍처에서 다양한 서비스들이 동일한 데이터를 접근하거나 공유하는 상황이 빈번히 발생합니다. Docker를 활용하여 컨테이너 간 데이터를 효율적으로 공유하는 방법과 데이터베이스 공유와의 차이점에 대해 설명하겠습니다. 언제 사용하면 좋을까? 컨테이너...
2024년 웹 개발 기술 동향 분석 보고서
1. 개요 본 보고서는 2024년 185개국 약 6만 5천 명의 개발자가 참여한 조사를 바탕으로 작성되었습니다. 이 조사는 웹 개발 분야에서 가장 큰 커뮤니티 자료를 근거로 하여, 현재 기술 동향을 파악하는데 중요한 자료로 활용될 수 있습니다. 2. 프로그래밍 언어...
Docker 볼륨과 데이터 관리
Docker 볼륨은 데이터를 효율적으로 관리할 수 있는 방법을 제공합니다. 1. Docker 볼륨이란? Docker 볼륨은 Docker 컨테이너 외부에서 데이터를 저장하고 공유할 수 있는 메커니즘입니다. 이는 컨테이너가 삭제되더라도 데이터가 유지될 수 있도록 도와줍니다...
Sentry란 무엇인가?
Sentry는 애플리케이션의 오류 및 성능 모니터링을 위한 도구로, 실시간으로 오류를 추적하고 분석하여 개발자가 빠르게 문제를 해결할 수 있도록 도와줍니다. Sentry는 다양한 프로그래밍 언어와 프레임워크를 지원하며, 실시간 알림을 통해 오류를 신속하게 파악하고 조치...
[Clerk] Middleware를 사용하여 Next.js에 인증 통합하기
※ Clerk 5버전입니다. 기존 4버전과 달라졌습니다. Clerk Middleware 구성하기 프로젝트 루트 또는 src/ 디렉토리에 middleware.ts 파일을 생성하여 Clerk Middleware를 설정할 수 있습니다. ※ 아래 `middleware.ts` ...
Docker Compose를 사용한 멀티 프로젝트 관리
※ 기본적인 이해를 위한 문서입니다. 구현 및 실행에 대한 내용이 아닙니다. 서버1프로젝트와 서버2프로젝트가 서로 다른 상위 디렉토리에 존재하는 경우, 각각의 프로젝트를 Dockerfile을 통해 컨테이너화하고 Docker Compose를 사용하여 이를 하나의 구성으로...
npm ENOENT Error (npm cache clean --force 아님)
개발 중 npx 명령어를 실행할 때 ENOENT 오류가 발생하는 경우가 있습니다. 글로벌 설치 경로 문제를 해결해, 발생하는 오류를 해결하는 방법을 설명드리겠습니다. npm error code ENOENT npm error syscall lstat npm error p...
Docker 네트워킹 및 포트 매핑 가이드
Docker 네트워킹이란? Docker 네트워킹을 이해하기 위해, 컨테이너를 아파트(호)로 생각하면 됩니다. 각 아파트(컨테이너)는 같은 건물(Docker 호스트) 안에 있지만, 서로 독립적인 공간입니다. 네트워킹은 아파트(호)들이 서로 소통하고, 외부(현관문)와 연결...
Tailwind CSS, Visibility 알아보기
Tailwind CSS Visibility visible : 요소를 표시합니다. invisible : 요소를 숨깁니다. collapse : 요소를 테이블과 같은 레이아웃에서 숨깁니다. ※ React와 같은 라이브러리에서는 class 대신 className 을 사용해야 ...