KUKJIN LEE
총 570개의 글
Canonical 태그란 무엇인가?
Canonical 태그는 HTML 문서의 섹션에 위치하는 태그로, 검색 엔진에 중복 콘텐츠 문제를 해결하도록 돕습니다. 이 태그는 여러 URL이 동일하거나 유사한 콘텐츠를 가질 때 사용되어, 검색 엔진에 어떤 URL을 원본으로 간주해야 하는지 알립니다. 이...
괄호 식별이 쉬워지는 Bracket Pair Colorizer
Bracket Pair Colorizer는 코드의 괄호 쌍을 시각적으로 강조해주는 유용한 확장 프로그램입니다. 코드의 구조 파악과 가독성을 향상시켜주며, 다양한 언어 지원과 커스터마이즈 가능한 설정으로 개발자들에게 도움을 줍니다. 일부 리소스 소비와 오동작 가능성이 있...
Auto Rename Tag
VSCode(Visual Studio Code)는 많은 개발자들이 선호하는 경량 코드 편집기 중 하나입니다. 이에 확장 기능(Extension)을 통해 개발 효율성을 높일 수 있는 다양한 기능들을 추가할 수 있습니다. 이번에는 "Auto Rename Tag"라는 유용한...
Auto Close Tag
VSCode는 개발자들에게 편리한 환경을 제공하는 강력한 통합 개발 환경입니다. 이 중 하나인 "Auto Close Tag"라는 확장 기능은 HTML/XML 태그를 자동으로 닫아주어 개발 효율성을 높여주는 기능을 제공합니다. 이 글에서는 이 확장 기능의 설치 방법, 사...
모듈 크기 쉽게 알아보기 import Cost
"Import Cost"는 Visual Studio Code의 확장 프로그램 중 하나로, 코드에서 사용되는 Javascript 및 TypeScript 모듈의 크기를 측정하고, 해당 모듈을 가져올 때 추가되는 바이트 수를 보여줍니다. 이를 통해 개발자는 더 나은 성능을 ...
Tailwind 사용자에게 추천하는 Tailwind CSS IntelliSense
Tailwind CSS IntelliSense VS Code Tailwind CSS IntelliSense 확장은 Tailwind CSS를 사용하는 개발자들을 위한 유용한 도구 중 하나입니다. 이 확장은 Tailwind CSS 클래스를 쉽게 찾고 삽입할 수 있도록 도와...
Clerk에 대해서 알아보자
Clerk는 웹 및 모바일 애플리케이션을 위한 사용자 인증 및 관리 플랫폼입니다. 이 서비스는 개발자가 사용자 계정, 로그인 프로세스, 보안 등을 손쉽게 관리할 수 있게 해주는 도구를 제공합니다. Clerk는 특히 React 및 Next.js와 같은 JavaScript...
Next.js i18n 알아보기!
Next.js는 React 기반의 프레임워크로 다국어 지원(i18n)을 간편하게 구현할 수 있습니다. 폴더 구조, 번역 파일 작성 위치, 샘플 데이터를 활용해 방법을 살펴보겠습니다. 기본적인 번역에는 문제가 없고, 필요, 필수 단어에서 사용은 추천드리지만, 우리가 생각...
Prettier를 활용한 코드 포맷팅
개발자들은 코드를 작성하면서 가독성을 높이고 일관성을 유지하는 것이 중요합니다. 이를 위해 코드 스타일을 일정하게 유지하는 것은 깨끗하고 협업에 용이한 코드 작성을 도와줍니다. 하지만 코드 스타일은 주관적이며 공동 작업 시 충돌을 유발할 수 있습니다. 이런 문제를 해결...
ESLint 사용하기!
ESLint는 JavaScript 코드에서 문제를 식별하고 코드 품질을 향상시키기 위한 도구로서 사용되는 오픈 소스 린트 도구입니다. "린트"는 코드베이스에서 스타일, 오류, 버그 및 보안 문제를 찾아내는 도구를 일컫습니다. ESLint는 이러한 문제들을 찾아내고 개발...
작고, 사용하기 쉬운 로딩 바 bar-of-progress
작고, 사용하기 쉬우며, 의존성이 없는 로딩 바 컴포넌트입니다. 특징 의존성 없음: 특정 프레임워크에도 연결되어 있지 않습니다. 작은 크기: Brotli로 압축 시 < 500 바이트 (gzip으로 압축 시 < 600 바이트). 사용하기 쉬움: 몇 줄만 추가하면 바로 사...
Npm Framer-motion 살펴보기
Framer는 React를 위한 오픈 소스 모션 라이브러리로, Framer가 제작하였습니다. 모션은 창의적인 전문가들을 위한 웹 빌더인 Framer를 동작시킵니다. 당신의 꿈의 사이트를 디자인하고 출시할 수 있습니다. 특별한 코드는 전혀 필요 없으며, 최대의 속도를 누...