KUKJIN LEE
총 570개의 글
UI와 UX의 중요성과 균형의 이해
UI와 UX는 뗄 수 없는 관계입니다. 따라서 이 두 지식의 균형을 잘 이뤄야 좋은 결과물을 만들 수 있습니다. UI란? User Interface (사용자 인터페이스) UI(User Interface, 사용자 인터페이스)와 UX(User Experience, 사용자 ...
DBeaver를 활용한 오라클 쿼리 성능 튜닝 가이드
오라클 데이터베이스에서 쿼리의 성능을 향상시키기 위해 DBeaver의 실행 계획 기능을 활용하는 방법을 단계별로 알아보겠습니다. 1. 쿼리 준비 DBeaver에서 원하는 데이터베이스에 연결하고, 튜닝하고자 하는 SQL 쿼리를 준비합니다. 2. 실행 계획 확인 쿼리 에디...
[Next.js] loading.js에 대해서 알아보자
loading.js 를 활용하면 React Suspense를 사용하여 의미 있는 로딩 UI를 생성할 수 있습니다. 이 컨벤션을 통해 서버에서 콘텐츠가 로드되는 동안 즉각적인 로딩 상태를 표시할 수 있으며, 렌더링이 완료되면 새로운 콘텐츠로 자동으로 교체됩니다. (컨벤션...
메타 키워드의 SEO 영향력 상실과 그 이후의 전략
구글은 2009년부터 메타 키워드를 사용하지 않습니다. 구글이 웹 검색 결과의 순위에 메타 키워드를 사용하지 않겠다고 발표한 것은 2009년 9월 21일이었습니다. SEO 가치가 없기 때문에, 웹사이트에 메타 키워드를 추가하는 데 시간을 투자할 필요가 없습니다. 구글과...
React Hooks 기초, 상태 관리부터 생명주기 이벤트
React Hooks는 함수형 컴포넌트에서 상태 관리, 생명주기 이벤트 처리 등 클래스 컴포넌트에서 가능했던 기능을 사용할 수 있게 해줍니다. 각 Hook은 특정한 용도로 사용되며, 이해하기 쉽게 각각의 용도와 사용 예를 설명하겠습니다. 1. useState useSt...
GitHub 프로필 최적화 가이드: 개발자를 위한 프로필 설정 팁
GitHub는 전 세계 개발자들이 자신의 작업을 공유하고, 다른 개발자와 협력하며, 오픈 소스 프로젝트에 참여하는 중요한 플랫폼입니다. 효과적인 GitHub 프로필 설정은 당신의 개발 커리어에 큰 도움이 될 수 있습니다. 여기에 몇 가지 권장 사항을 제공해 드리겠습니다...
@icons-pack/react-simple-icons 패키지를 통해 웹 성능 향상시키기!
@icons-pack/react-simple-icons 패키지 소개 @icons-pack/react-simple-icons 는 1000개 이상의 SVG 아이콘을 제공하는 React 라이브러리입니다. 이 아이콘들은 주로 프로그래밍 언어, 디자인 도구, 소셜 미디어 플랫폼...
PostgreSQL을 위한 GUI(그래픽 사용자 인터페이스) 툴 소개
PostgreSQL 데이터베이스를 관리하고 개발하는 데 유용한 주요 그래픽 사용자 인터페이스(GUI) 툴에 대한 설명입니다. 데이터베이스 설계와 관리 작업을 간소화하여 사용자가 데이터에 쉽게 접근하고 쿼리를 효율적으로 실행할 수 있게 도와줍니다. pgAdmin - Po...
Marquee 패키지 움직이는 글자, 움직이는 로고
Marquee 패키지 소개 Marquee는 웹 페이지에서 텍스트나 이미지가 수평으로 또는 수직으로 자동으로 스크롤되게 하는 기능을 제공하는 JavaScript 라이브러리입니다. 이는 주로 뉴스 티커, 광고 배너, 또는 웹사이트에서 동적인 요소를 추가할 때 사용됩니다. ...
useMemo와 useState 이해하기, 성능 최적화와 상태 관리
useState 는 Component 내부에서 변수의 상태를 관리하기 위해 사용, 사용자 입력, 버튼 클릭 상태 또는 다른 데이터 변화를 추적하고 반응하기 위해 활용됩니다. 사용자가 입력한 텍스트를 저장하고 표시하는 입력 필드에서 사용 useMemo 는 연산 결과값을 ...
프로그래머스 배열에서 문자열 대소문자 변환하기 JavaScript
문자열 배열 strArr가 주어집니다. 모든 원소가 알파벳으로만 이루어져 있을 때, 배열에서 홀수번째 인덱스의 문자열은 모든 문자를 대문자로, 짝수번째 인덱스의 문자열은 모든 문자를 소문자로 바꿔서 반환하는 solution 함수를 완성해 주세요. 해설 solution이...
Next.js Loading.js (Loading UI)와 스트리밍에 대해서 알아보자
Loading UI 생성 loading.js 는 React Suspense를 사용하여 의미 있는 Loading UI를 생성할 수 있도록 합니다. 이 규칙을 사용하면 서버에서 즉각적인 로딩 상태를 보여줄 수 있고, 경로 세그먼트의 콘텐츠가 로드되는 동안 사용자에게 피드백...