react

\-> Compound component 패턴에 대해 설명하기 전, 프론트엔드에서 디자인 패턴이 필요한 이유를 먼저 설명하고자 한다.시간이 지날수록 웹 어플리케이션은 점점 복잡해지고 고도화되고 있다. 또한 UX 개선, 다양한 디바이스 대응등 프론트엔드가 해결해야할 과제

소프트웨어 설계에서 반복되는 문제와 주제에 적용할 수 있는 재사용 가능한 템플릿.검증되었다 : 앞서간 개발자들의 경험과 통찰의 산물. 문제를 해결하기 위해 오랜시간 동안 검증된 효과적인 접근 방식쉽게 재사용 가능: 독창적인 솔루션을 제공하며 사용자의 요구에 맞춰 적용

이번 전온팀 프로젝트를 진행하며 만들어서 사용한 custom hook 두가지를 소개해보고자 한다. 전온팀 프로젝트에는 즐겨찾기를 할 수 있는 기능들이 왕 많았다. (안내,콘텐츠,부스 등..) 그래서 즐겨찾기 진행하는 로직을 한군데에서 관리하고 하나의 훅을 여러곳에서 사

GYMMI 프로젝트를 진행하며 이미지관련 고려사항이 생겨 정리해보려 합니당.이미지는 s3PresignedUrl로 s3의 주소를 받아오고 있고 Image 컴포넌트의 loader를 통해 받아온 경로를 요청하여 이미지를 불러옴. 이미지의 경로만 캐싱되지(useQuery로 인

에디 오스마니,하산 지르데의 대규모 리액트 웹앱 개발 책을 읽고 중요한 부분을 정리하기대규모 웹 어플리케이션 : 유지보수에 개발자의 상당한 노력을 요구하는, 사소하지 않은 어플리케이션문제 해결을 위해 올바른 추상화의 선택은 매우 중요하다“잘못된 추상화보다는 추상화가 없

→ 웹페이지가 로딩되고 작동하는 속도와 효율성을 측정한 것.브라우저는 HTML 문서를 받고 파싱 처리를 진행한다. 파서는 받은 문서를 읽어 문서 객체 모델 트리를 생성한다. 돔은 문서의 구조를 나타낸다.브라우저는 이 돔트리를 사용해 콘텐츠를 렌더링하고 CSS를 처리해