2025/02/05 2

[FE] Storybook을 활용한 프론트엔드 컴포넌트 개발

안녕하세요. 뉴비 블로거입니다. 오늘의 글은 storybook 입니다. 프론트엔드 개발에서 UI 컴포넌트의 재사용성과 테스트 가능성을 극대화하는 방법 중 하나는 Storybook을 사용하는 것입니다. Storybook은 독립적인 환경에서 UI 컴포넌트를 개발, 문서화 및 테스트할 수 있도록 돕는 도구입니다.이 글에서는 Storybook의 개념, 주요 기능, 설치 및 사용 방법, 그리고 활용 팁에 대해 다뤄보겠습니다.📌 Storybook이란?Storybook은 UI 컴포넌트를 독립적으로 개발하고 문서화할 수 있도록 지원하는 개발 도구입니다. React, Vue, Angular 등 다양한 프레임워크를 지원하며, 컴포넌트를 개발하면서 실시간으로 확인하고, 변경 사항을 즉시 반영할 수 있습니다.🎯 Story..

프론트엔드 2025.02.05

[자바/JAVA] JPA N+1 문제란?

안녕하세요. 새내기 개발자입니다. 공부하면서 정리하는 글로 틀린 부분은 언제나 댓글로 환영입니다! JPA에 이어시 JPA 사용시 발생할 수 있는 N+1 문제에 대해서 정리했습니다.N+1 문제는 JPA에서 연관된 엔티티를 조회할 때 발생하는 불필요한 추가 쿼리 문제를 의미합니다.즉, 하나의 메인 엔티티(1)를 조회할 때, 연관된 N개의 엔티티를 각각 추가로 조회하면서 총 N+1개의 쿼리가 발생하는 문제입니다. 📌 N+1 문제 발생 예시예를 들어, User와 Order가 1:N 관계를 가지고 있다고 가정해봅시다.@Entitypublic class User { @Id @GeneratedValue private Long id; private String name; @OneToMany(ma..

백엔드 2025.02.05