Activity 컴포넌트2025.10.09Activity 컴포넌트React#conditional-rendering#performance-optimization#component#component-lifecycle2025.10.09Activity 컴포넌트React#conditional-rendering#performance-optimization#component#component-lifecycle리액트로 UI를 구성하다 보면, 특정 컴포넌트를 조건부로 렌더링해야 하는 상황이 자주 발생한다. 일반적으로는 삼항 연산자 등을 활용해서 컴포넌트를 렌더링하는데, 내 경우에는 이런 조건 렌더링을 반복적으로 작성하는 게 싫어 라는 특별한 컴포넌트를 만들어 사용하고 있다. 하지만 어떤 방식으…
타입스크립트에서의 컴포넌트 추론2024.11.10타입스크립트에서의 컴포넌트 추론TypescriptReactNext.js#component2024.11.10타입스크립트에서의 컴포넌트 추론TypescriptReactNext.js#component나는 꽤 오래 전부터 타입스크립트를 사용해 특정한 컴포넌트만을 걸러낼 수 있을지 궁금했다. 만약 이게 가능하다면 특정한 컴포넌트만을 children으로 받게 만들 수 있어 프로젝트의 전체적인 구조가 단단해질 거라 생각했다. 실제로 특정 컴포넌트를 걸러내기 위해서 나는 타입스크립트를 가지…
에러도 테크닉이 될 수 있다2024.09.05에러도 테크닉이 될 수 있다TypescriptReactError Case#debugging#component2024.09.05에러도 테크닉이 될 수 있다TypescriptReactError Case#debugging#component상황 Button과 Link 및 여러 컴포넌트를 인자로 받아서 통일된 스타일을 처리해주는 Clickable 컴포넌트를 만들고 난 직후의 일이다. 로그인 페이지에서 Clickable 컴포넌트가 문제 없이 동작하는 걸 확인한 뒤 코드를 커밋했고, github action이 동작하며 라이브…