Develop

오브젝트 풀링이란?오브젝트 풀링은 객체를 반복해서 생성하고 삭제하는 대신, 미리 만들어 놓고 재사용하는 디자인 패턴이다.“필요할 때 꺼내 쓰고, 쓰지 않을 때는 돌려주는 대여 서비스라고 생각하면 쉽다!”왜 오브젝트 풀링이 필요할까?문제점객체를 반복적으로 생성/삭제하면 성능이 저하되고 메모리 사용량이 증가한다.특히 게임과 같이 실시간으로 빠른 응답 속도가 필요한 환경에서는 큰 문제가 될 수 있다.오브젝트 풀링의 장점성능 최적화 : 매번 객체를 생성하는 대신 재사용하니 CPU와 메모리 사용량 감소.효율성 : 자주 사용되는 객체를 미리 생성해두면 더 빠르게 사용할 수 있다.가비지 컬렉션 감소 : 객체 삭제를 최소화하므로 GC 호출 횟수가 줄어들어 끊김 현상 방지.어떻게 사용하지?1. 기본 오브젝트 풀 구현하기..

CSS의 캐스케이딩 원칙은 스타일 규칙이 어떤 기준으로 요소에 적용되는지 결정합니다. 이 원칙은 중요도(Importance), 명시도(Specificity), 그리고 선언 순서(Order)의 세 가지 주요 요소로 구성됩니다.중요도: 사용자 지정 스타일이 브라우저 기본 스타일보다 우선합니다. !important 플래그로 중요도를 증가시킬 수 있으나, 남용은 피해야 합니다.명시도: 선택자의 구체성에 따라 우선순위가 결정됩니다. ID 선택자는 클래스나 태그 선택자보다 더 높은 명시도를 가집니다.선언 순서: 동일한 명시도를 가진 규칙 중에서는 마지막에 선언된 규칙이 적용됩니다.CSS 선택자의 종류CSS 선택자는 웹 페이지의 특정 요소에 스타일을 적용하기 위해 사용됩니다. 다양한 선택자 유형이 있으며, 각각의 용..

간단하고 확장 가능한 상태 관리, 쉽고 확정성 있게 만들어 주는 검증된 라이브러리 개발자 채용 공고에서 Redux와 함께 가장 많이 보이는 상태관리 라이브러리 중 하나, 배워두면 두고두고 써먹을 수 있는 라이브러리라고 할 수 있다. 공식 한국어 문서: https://ko.mobx.js.org/README.html MobX에 대하여 · MobX ko.mobx.js.org MobX 5 버전 까지는 @ 데코레이터를 사용했지만 MobX 6 부터는 데코레이터 사용을 지양하는 중. 아래는 공식 문서의 소개 페이지의 일부 특징 작동 원리 event는 observable state를 변경시키는 action을 호출하고, observable state의 변경 사항은 computed value(연산)과 변경 사항에 따라 달..

Disney Plus 를 가볍게 클론코딩한 프로젝트로 Firebase를 통한 인증을 연습하는데 도움이 된 프로젝트였다. 사용자 인증을 통해 받아온 데이터를 로컬 스토리지에 저장하고 가져오도록 설정되어 있었는데 이번에 해당 데이터를 Redux를 이용해서 관리하도록 수정해보기로 했다. 이때 문제가 발생했다. Redux는 새로고침이 발생하면 저장된 state가 리셋되는 문제가 있었다. 로그인 정보를 관리하는 경우 state가 유지되어야할 필요성이 있었다. 이럴 때 redux-persist를 활용하면 문제를 해결할 수 있다. 사용 방법 1 )Install npm i redux-persist yarn add redux-persist TypeScript npm i redux-persist @types/redux-p..