Redux
-
[job preparation] 기술 면접4 - 재귀,UI/UX, ...codeStates front-end/Job Preparation 2023. 3. 13. 12:54
HTML 삽입 미리보기할 수 없는 소스 📌기술 면접 tip! 결론은 간단하게, 설명은 구체적으로 자신의 언어로 설명할 수 있어야 함 간명한 정리와 풍부한 설명을 위해서는 지속적인 모의 면접을 통해 기술 설명을 연습하고, 어려운 개념에 대해서 깊게 고민하고 블로그에 기록하는 연습이 필요 기술 면접 준비 재귀 재귀를 활용하기 좋은 상황은 언제인지 예시를 들어 설명해주세요. 우선 재귀적 호출이란 자기 자신을 호출하는 것입니다. 이를 구현하는 것을 재귀 함수라고 합니다. 재귀적인 표현이 자연스러운 경우 재귀 함수를 쓰는데, 예를 들어 피보나치 수열이라던지, 알고리즘을 기술한 그대로 코드를 표현할 수 있게 됩니다. 또한 점화식 스타일이나 분할정복같은 경우도 있습니다. 또한 중첩된 반복문이 많거나 반복문의 중첩 횟..
-
[React]Cmarket ReduxcodeStates front-end/React 2023. 2. 27. 16:29
HTML 삽입 미리보기할 수 없는 소스 📌 My Agora states server 📖 학습 목표 pass한 순서대로 문제 해결 Action 생성 actions - index.js // action types export const ADD_TO_CART = "ADD_TO_CART"; export const REMOVE_FROM_CART = "REMOVE_FROM_CART"; export const SET_QUANTITY = "SET_QUANTITY"; export const NOTIFY = "NOTIFY"; export const ENQUEUE_NOTIFICATION = "ENQUEUE_NOTIFICATION"; export const DEQUEUE_NOTIFICATION = "DEQUEUE_NOTIFI..
-
[React] ReduxcodeStates front-end/React 2023. 2. 24. 18:20
HTML 삽입 미리보기할 수 없는 소스 📌 Redux 📍Redux 개요 보통 리액트에서 최상위 컴포넌트 -> 부모 컴포넌트 -> 자식 컴포넌트가 일반적이지만, 다소 비효율적이라고 느낄 수 있다. 1. 해당 상태를 직접 사용하지 않는 최상위 컴포넌트, 컴포넌트1, 컴포넌트2도 상태 데이터를 가짐 2. 상태 끌어올리기, Props 내려주기를 여러 번 거쳐야 함 3. 애플리케이션이 복잡해질수록 데이터 흐름도 복잡해짐 4. 컴포넌트 구조가 바뀐다면, 지금의 데이터 흐름을 완전히 바꿔야 할 수도 있음 허나 Redux는 전역 상태를 관리할 수 있는 저장소인 Store를 제공함으로써 이 문제들을 해결 📍Redux 구조 🔗 Redux 상태 관리 Action → Dispatch → Reducer → Store 순서 상태..