본문으로 건너뛰기

블로그 콘텐츠를 불러오는 중입니다.

홈
블로그
작성자
KUKJIN LEE

작성자 목록

Author

KUKJIN LEE

총 617개의 글

기술#DBeaver#Oracle 쿼리 튜닝#Oracle 쿼리 최적화

DBeaver를 활용한 오라클 쿼리 성능 튜닝 가이드

오라클 데이터베이스에서 쿼리의 성능을 향상시키기 위해 DBeaver의 실행 계획 기능을 활용하는 방법을 단계별로 알아보겠습니다. 1. 쿼리 준비 DBeaver에서 원하는 데이터베이스에 연결하고, 튜닝하고자 하는 SQL 쿼리를 준비합니다. 2. 실행 계획 확인 쿼리 에디...

2024년 4월 24일1826

기술#next.js loading.js란?#Next js Loading spinner#Nextjs loading page

[Next.js] loading.js에 대해서 알아보자

이전 1...44 45 46 47 48...52 다음

loading.js 를 활용하면 React Suspense를 사용하여 의미 있는 로딩 UI를 생성할 수 있습니다. 이 컨벤션을 통해 서버에서 콘텐츠가 로드되는 동안 즉각적인 로딩 상태를 표시할 수 있으며, 렌더링이 완료되면 새로운 콘텐츠로 자동으로 교체됩니다. (컨벤션...

2024년 4월 24일203

기술#메타 키워드의 중요성#구글 SEO 전략#메타 설명 태그

메타 키워드의 SEO 영향력 상실과 그 이후의 전략

구글은 2009년부터 메타 키워드를 사용하지 않습니다. 구글이 웹 검색 결과의 순위에 메타 키워드를 사용하지 않겠다고 발표한 것은 2009년 9월 21일이었습니다. SEO 가치가 없기 때문에, 웹사이트에 메타 키워드를 추가하는 데 시간을 투자할 필요가 없습니다. 구글과...

2024년 4월 19일157

기술#useState란?#useEffect란?#useRef란?

React Hooks 기초, 상태 관리부터 생명주기 이벤트

React Hooks는 함수형 컴포넌트에서 상태 관리, 생명주기 이벤트 처리 등 클래스 컴포넌트에서 가능했던 기능을 사용할 수 있게 해줍니다. 각 Hook은 특정한 용도로 사용되며, 이해하기 쉽게 각각의 용도와 사용 예를 설명하겠습니다. 1. useState useSt...

2024년 4월 19일182

기술#GitHub 프로필 최적화#개발자 커뮤니티 참여#오픈 소스 프로젝트 기여

GitHub 프로필 최적화 가이드: 개발자를 위한 프로필 설정 팁

GitHub는 전 세계 개발자들이 자신의 작업을 공유하고, 다른 개발자와 협력하며, 오픈 소스 프로젝트에 참여하는 중요한 플랫폼입니다. 효과적인 GitHub 프로필 설정은 당신의 개발 커리어에 큰 도움이 될 수 있습니다. 여기에 몇 가지 권장 사항을 제공해 드리겠습니다...

2024년 4월 18일224

기술#React SVG 아이콘#웹 개발 리소스#디자인 통합 도구

@icons-pack/react-simple-icons 패키지를 통해 웹 성능 향상시키기!

@icons-pack/react-simple-icons 패키지 소개 @icons-pack/react-simple-icons 는 1000개 이상의 SVG 아이콘을 제공하는 React 라이브러리입니다. 이 아이콘들은 주로 프로그래밍 언어, 디자인 도구, 소셜 미디어 플랫폼...

2024년 4월 18일146

기술#PostgreSQL GUI#PostgreSQL postico#PostgreSQL adminer

PostgreSQL을 위한 GUI(그래픽 사용자 인터페이스) 툴 소개

PostgreSQL 데이터베이스를 관리하고 개발하는 데 유용한 주요 그래픽 사용자 인터페이스(GUI) 툴에 대한 설명입니다. 데이터베이스 설계와 관리 작업을 간소화하여 사용자가 데이터에 쉽게 접근하고 쿼리를 효율적으로 실행할 수 있게 도와줍니다. pgAdmin - Po...

2024년 4월 17일238

기술#npm i marquee#marquee 사용법#react 움직이는 글씨

Marquee 패키지 움직이는 글자, 움직이는 로고

Marquee 패키지 소개 Marquee는 웹 페이지에서 텍스트나 이미지가 수평으로 또는 수직으로 자동으로 스크롤되게 하는 기능을 제공하는 JavaScript 라이브러리입니다. 이는 주로 뉴스 티커, 광고 배너, 또는 웹사이트에서 동적인 요소를 추가할 때 사용됩니다. ...

2024년 4월 17일192

기술#react useEffect#react useMemo#react useState

useMemo와 useState 이해하기, 성능 최적화와 상태 관리

useState 는 Component 내부에서 변수의 상태를 관리하기 위해 사용, 사용자 입력, 버튼 클릭 상태 또는 다른 데이터 변화를 추적하고 반응하기 위해 활용됩니다. 사용자가 입력한 텍스트를 저장하고 표시하는 입력 필드에서 사용 useMemo 는 연산 결과값을 ...

2024년 4월 16일188

기술#프로그래머스 배열에서 문자열 대소문자 변환하기 JavaScript#배열에서 문자열 대소문자 변환하기 JavaScript 문제 풀이#배열에서 문자열 대소문자 변환하기 문제 풀이

프로그래머스 배열에서 문자열 대소문자 변환하기 JavaScript

문자열 배열 strArr가 주어집니다. 모든 원소가 알파벳으로만 이루어져 있을 때, 배열에서 홀수번째 인덱스의 문자열은 모든 문자를 대문자로, 짝수번째 인덱스의 문자열은 모든 문자를 소문자로 바꿔서 반환하는 solution 함수를 완성해 주세요. 해설 solution이...

2024년 4월 12일157

기술#Next.js Loading.js#Next.js 로딩#Loading.js

Next.js Loading.js (Loading UI)와 스트리밍에 대해서 알아보자

Loading UI 생성 loading.js 는 React Suspense를 사용하여 의미 있는 Loading UI를 생성할 수 있도록 합니다. 이 규칙을 사용하면 서버에서 즉각적인 로딩 상태를 보여줄 수 있고, 경로 세그먼트의 콘텐츠가 로드되는 동안 사용자에게 피드백...

2024년 4월 12일225

기술#Microsoft Clarity#Uncaught TypeError: a[c] is not a function#Uncaught TypeError: a[c] is not a function 오류 해결 방법

Microsoft Clarity 통합 시 Uncaught TypeError: a[c] is not a function 오류 해결 방법

Next.js 애플리케이션에 Microsoft Clarity와 같은 타사 스크립트를 통합할 때, Next.js가 스크립트를 로딩하고 실행하는 방식으로 인해 특정 충돌이 발생할 수 있습니다. 흔히 발생하는 문제 중 하나는 JavaScript 오류입니다. 문제 설명 app...

2024년 4월 5일354

KUKJIN LEE의 글 | GG FACTORY