[항해99] TIL76 40일차 (CS2) Redux 말고 다른 전역 상태관리 아는 것 하나와 차이점 Recoil은 Redux와 마찬가지로 React에서 사용하는 전역 상태 관리 도구로 간결한 API와 구독 기반 시스템을 갖는 라이브러리이다. Recoil은 상태단위를 나타내는 atoms와 파생된 상태나 상태 변환을 나타내는 selectors라는 두 가지 주요 개념을 중심으로 설계되었다. Recoil은 구독 기반 시스템을 사용하기 때문에 필요한 컴포넌트만 리렌더링 되며, 이로 인해 특정 상태의 변경이 다른 컴포넌트에 미치는 영향을 최소화할 수 있다. 차이점으로는 Redux는 단방향 데이터 흐름과 중앙 집중식 스토어를 통해 상태를 관리하고, Recoil은 아톰과 셀렉터를 활용한 구독 기반 시스템으로 React 컴포넌트 간의 상태를 관리한다는 점이 있.. 2023. 10. 12. 39일차 (CS1) 1. 상태관리를 왜 할까요? 그리고 평소 state 관리는 어떻게 하시나요? 상태관리는 애플리케이션의 데이터 흐름을 일관되게 관리하고, 컴포넌트 간의 데이터 전달을 효율적으로 하기 위해 필요합니다. 상태관리 없이는 복잡한 애플리케이션에서 데이터를 추적하거나 업데이트하는 것이 어려울 수 있습니다. 평소에는 useState 훅을 사용하여 로컬 상태를 관리합니다. 하지만 useState는 해당 상태가 변경될 때마다 컴포넌트를 다시 렌더링을 하기 때문에 불필요한 렌더링이 발생한다는 단점이 있기 때문에, useState를 빈번하게 사용하지 않으며, 반복되는 로직이나 복잡한 상태관리가 필요한 상황에서는 커스텀 훅을 만들어 사용하고 있습니다. 2. Redux가 무엇인가요, 왜 Redux를 사용하시나요? Redux는 .. 2023. 10. 11. 38일차 (react-router-dom 6.4, remix) react-router-dom 6.4 주요 변경 사항 및 추가된 기능 1. Routes and Route => `Route` 컴포넌트는 더 이상 `render`나 `component` prop을 사용하지 않음 자식으로 컴포넌트를 전달 2. Relative Routing => 경로가 상대 경로로 정의될 수 있어, 중첩 라우터를 더 쉽게 만들 수 있음 3. useNavigate Hook => 이전의 `useHistory`를 대체하는 새로운 훅. 페이지 이동 및 쿼리 매개변수 관리에 사용 4. useParams, useLocation, and useRouteMatch Hooks => 라우팅과 관련된 다양한 정보를 가져오는 데 사용되는 훅 5. Outlet Component => 중첩 라우팅에서 현재 경로에 해.. 2023. 10. 8. 37일차 (TailwindCSS vs SCSS) TailwindCSS 1. 특징: 유틸리티 우선의 CSS 프레임워크 2. 장점 1) HTML에 직접 클래스를 추가하여 빠르게 스타일링 가능 2) 반응형 디자인이 간편 3) 사용자 정의가 쉬움 3. 단점 1) 새로운 유틸리티 클래스를 학습해야 함 2) 프로젝트가 커질수록 HTML이 복잡해질 수 있음 4. 예시코드 클릭 반응형 텍스트 크기 SCSS (Sass) 1. 특징: CSS의 확장 버전으로 변수, 믹스인, 중첩 등의 기능 제공. 2. 장점 1) CSS를 더 구조적이고 조직적으로 작성 가능 2) 재사용성과 유지 관리가 용이 3. 단점 1) 컴파일러 필요 2) 초기 설정과 학습이 필요 4. 예시코드 // 변수와 버튼 스타일링 $primary-color: blue; $hover-color: darken($p.. 2023. 10. 7. 이전 1 ··· 4 5 6 7 8 9 10 ··· 19 다음 728x90