Toris Blog
홈
블로그
프로젝트
할일 관리
소개
문의
홈
블로그
프로젝트
소개
문의
로딩 중...
Toris Blog

Next.js, React, TypeScript로 만드는 모던 웹 개발 블로그

페이지

소개블로그프로젝트

소셜

© 2026 Toris-dev. All rights reserved.

로딩 중...

블로그 검색

원하는 키워드로 블로그 포스트를 검색해보세요.

총 5개의 결과를 찾았습니다

5개의 검색 결과

Learning

[React] React Portal을 이용한 효율적인 모달 관리

🚪 모달(Modal)과 z-index의 한계 모달, 툴팁, 드롭다운 메뉴 등은 종종 부모 컴포넌트의 DOM 트리 바깥에 렌더링되어야 하는 UI 요소입니다. 일반적인 컴포넌트 트리 내에서 이를 구현하려고 하면, 부모 컴포넌트의 overflow: hidden이나 z-...

2025년 7월 12일
#React#Modal+3
Learning

[React] React Testing Library 철학과 사용법

🐐 React Testing Library (RTL) 철학: 사용자처럼 테스트하라 <img src="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=1200&h=600&fit=crop&auto=for...

2025년 7월 12일
#React#Testing+3
Learning

[React] React Testing Library와 Jest로 컴포넌트 테스트하기

🧪 React 컴포넌트 테스트, 왜 필요할까? 테스트 코드는 안정적인 애플리케이션을 만드는 데 필수적입니다. 특히 복잡한 상호작용이 많은 React 애플리케이션에서는, 새로운 기능 추가나 리팩토링 시에 기존 기능이 깨지지 않았는지 확인하는 회귀 테스트(Regres...

2025년 7월 12일
#React#Testing+3
Learning

[React] React 핵심 개념 정리

⚛️ React 핵심 개념: 컴포넌트, 상태, 그리고 훅 <img src="https://images.unsplash.com/photo-1633356122544-f134324a6cee?w=1200&h=600&fit=crop&auto=format" alt="React...

2025년 7월 10일
#React#JavaScript+1
Learning

[Web] 웹 성능 최적화 완벽 가이드

🚀 웹 성능 최적화 완벽 가이드 > 사용자 경험을 향상시키고 비즈니스 성과를 높이는 웹 성능 최적화 전략 웹 개발을 하다 보면 기능 구현에만 집중하게 되는 경우가 많습니다. 하지만 아무리 좋은 기능이라도 느린 로딩 속도 때문에 사용자가 떠나버린다면 의미가 없겠죠...

2025년 4월 24일
#Web#Performance+3