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

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

페이지

소개블로그프로젝트

소셜

© 2026 Toris-dev. All rights reserved.

로딩 중...

블로그 검색

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

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

9개의 검색 결과

Projects

[개인 프로젝트 리뷰] bubbleBible-FE - 모바일 우선 성경 플랫폼 개발기

bubbleBible-FE 프로젝트 리뷰 - 모바일 우선 성경 플랫폼 개발기 프로젝트 개요 프로젝트명: bubbleBible-FE 기간: 2025.08 기술 스택: React, TypeScript, Next.js, Tailwind CSS, PWA, Pus...

2025년 12월 22일
#React#TypeScript+4
Projects

[회사 프로젝트 후기] 프론트엔드 개발자로서의 성장 경험

회사 프로젝트 개발 후기 - 프론트엔드 개발자로서의 성장 경험 프로젝트 개요 회사: 셈웨어 기간: 2024.08 - 2024.12 (약 4개월) 역할: 프론트엔드 개발자 (React) 주요 기술: React, TypeScript, Spring, MyB...

2025년 12월 22일
#React#TypeScript+4
Learning

[React] React Server Components 심각한 보안 취약점 (CVE-2025-55182)

🚨 React Server Components 심각한 보안 취약점 발견 2025년 12월 3일, React 팀이 React Server Components에서 인증되지 않은 원격 코드 실행(RCE) 취약점을 공개했습니다. 이 취약점은 CVE-2025-55182로 ...

2025년 12월 3일
#React#Security+3
Learning

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

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

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

[React] 불필요한 DOM 요소를 피하는 방법: React.Fragment

🤔 JSX의 규칙: 단일 루트 요소 React 컴포넌트에서 여러 엘리먼트를 반환하려면, 반드시 하나의 부모(루트) 요소로 감싸야 한다는 규칙이 있습니다. 이 때문에 종종 불필요한 <div> 태그를 추가하게 됩니다. javascript // ❌ 잘못된 예: 여러 ...

2025년 7월 12일
#React#JSX+2
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와 Three.js로 인터랙티브 3D 웹 만들기

🚀 React에서 Three.js로 3D 웹 시작하기 <img src="https://images.unsplash.com/photo-1516116216624-53e697fedbea?w=1200&h=600&fit=crop&auto=format" alt="3D Web...

2025년 7월 11일
#React#Three.js+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