전체 글

새로운 것은 늘 관심있고, 꾸준히 정진하는 프론트엔드 개발자입니다.
Programming Language/React

[React] 리액트의 전역상태관리 도구, 어떤 것을 선택할까

리액트의 전역상태관리 도구들에 대해 claude에게 대화를 나눠서 얻은 글이다.리액트의 전역상태관리 도구, 어떤 것을 선택할까?들어가며React 애플리케이션 개발시 전역 상태 관리의 필요성을 마주치게 된다.React의 기본 제공되는 Context API부터 다양한 서드파티 라이브러리까지, 각각의 도구들은 저마다의 특징과 장단점을 가지고 있다.React의 기본 제공 도구: Context APIContext API의 특징React의 기본 제공되는 Context API는 간단한 전역 상태 관리에 적합하다.// Context 생성const ThemeContext = React.createContext(null);// Provider 구현const ThemeProvider = ({ children }) => { ..

CS/Data Structure & algorithm

[JS] 데이터를 어떻게 관리해야하는게 좋을까? (Array, Object, Map, Set)

성능을 고려하는 개발자라면,데이터를 어떻게 관리해야하는게 좋을지 고민해봐야 할 것이다.(사실 나는 이제서야 처음으로 생각해보는 것 같다.)JS에서 데이터를 어떻게 관리하는 것이 좋을까?JavaScript에서 데이터를 관리하는 방법은 여러 가지가 있으며, 각 방법은 특정 상황에서 장단점이 있다.이번 글에서는 Array, Object, Map, Set의 정의와 특징, 그리고 각각의 예시를 통해 어떻게 활용할 수 있는지 살펴보겠다.type 정의(공통)type NoticeItem = { key: string; subject: string; content: string; createDate: string; createBy: string;};1. Array정의Array는 순서가 있는 데이터의 집합으로, 인..

Daily Life

[일상] 드디어 맛보다, 흑백요리사 권성준(a.k.a 나폴리 맛피아)님의 『밤 티라미수』

넷플릭스의 흑백요리사 애청자로서,마음과 같아선 출연하신 모든 셰프님들의 식당을 방문해보고싶지만지갑사정도 있고, 시간도 없어서 마음 속으로나마 기회가 있었으면 좋겠다 생각하고있던 중, 나폴리 맛피아 님이 패자부활전으로 편의점 경연에서 선보인 『밤 티라미수』를 CU와 협업하여 출시한단 소식에사전예약 오픈런을 하였고, 11일에 1차 추가 사전예약에 성공하였고, 후기를 남겨보려한다.사전예약 정보포켓CU에서 사전예약할 수 있다.(앱에서만 가능하다)15일부터 사전예약받고있는 밤 티라미수 제품은 재빠르게 1차 사전예약으로 맛보신 분들의 후기를 거쳐 리뉴얼된 제품이라고 한다!!  CU에서 사전예약 자체를 처음 써봤는데, "판매완료 임자있음" 이라는 스티커가 붙어있는데,굉장히 귀여운 것 같다.실물사진 맛은 고소한 밤향이..

Programming Language/React

[React] 조건부 스타일 vs 조건부 클래스

조건부 스타일 vs 조건부 클래스웹 개발에서 스타일링을 적용하는 방법은 다양한데, 그 중에서도 조건부 스타일과 조건부 클래스는 자주 사용되는 두 가지 접근 방식이다. 이 글에서는 두 방법의 특징과 비교를 해보려 한다.조건부 스타일조건부 스타일은 특정 조건에 따라 인라인 스타일을 적용하는 방식으로,주로 React와 같은 프레임워크에서 사용되며, 동적으로 스타일을 변경할 수 있는 장점이 있다.예시 코드const MyComponent = ({ isActive }) => { return ( {isActive ? '활성 상태' : '비활성 상태'} );}; 위 코드에서 isActive가 true일 때 텍스트 색상이 파란색으로 변경되며, 인라인 스타일을 사용하여 조건에 따라 동적으로 스타..

개발자참치
치현