Redux : JS application의 상태관리 library. Store: apllication의 모든 상태가 저장되는 중앙 상태 저장소 Action: 상태변경을 위한 이벤트를 나타내는 객체 Reducer: 현재 상태와 액션을 받아 새로운 상태를 반환하는 순수한 함수 Dispatch: 액션을 스토어에 보내 상태를 변경하는 메서드 작동방식 action을 dispatch 하여 상태변경 요청 reducer는 현재 상태와 action을 이용하여 새로운 상태 계산 store는 새로운 상태를 저장하고, React component에 이를 전달하여 UI를 업데이트함. 장점 전역 상태관리를 통한 데이터 공유 및 업데이트 용이성 예측 가능한 상태관리로 디버깅과 태스팅이 수월함 애플리케이션의 복잡성을 관리하고, 컴포..

상태관리(State Management)를 왜 할까?? 데이터관리: 애플리케이션의 규모에 따라 다루는 데이터와 정보가 커질 수 있는데, 이러한 데이터를 효과적으로 저장하고 업데이트, 검색 및 관리하기위해 상태관리가 필요하다. 데이터를 중앙 집중화하고, 일관된 방식으로 액세스하고 조작할 수 있다. 데이터 공유: 애플리케이션 안에서 데이터를 여러 컴포넌트 및 모듈 간 공유가 필요할 때 전역 상태를 통해 데이터를 공유하고 상태 변경 시 다른 부분에즉시 반영할 수 있다. 애플리케이션 상태 추적: 사용자 상호작용에 따라 애플리케이션 상태가 변경 될 때 애플리케이션의 현재 상태를 추적하고 변경 사항을 관리할 수 있어 사용자 경험이 일관되고 예측 가능해짐. 복잡한 UI 관리 상태의 지속성: 로그인 정보, 사용자 설정..

패스워드 전송: HTTPS 사용. * HTTPS: 보안 프로토콜로 SSL/TLS 암호와 프로토콜을 사용하여 데이터를 암호화하고 안전하게 전송함. 패스워드 보관 * 해시 함수 사용: 해시함수로 패스워드를 암호화시킨 해시값을 데이터베이스에 저장. * 솔팅(Salting): 해시함수 적용 전에 원본 패스워드에 임의의 문자열(salt)를 추가. * 암호화키 관리: 해시값을 복호화 할 수 있는 암호화키를 안전한 곳에 보관 * 두 번째 인증 요소 사용: OTP(One Time Password), 생체 인식, 휴대폰 인증 등...

CORS(Cross-Origin Resource Sharing): 웹 브라우저에서 실행되는 웹 애플리케이션 보안 정책 중 하나. 웹 브라우저의 기본 보안은 다른 도메인으로부터 리소스를 요청하지 못함. 그러나 CORS를 사용하면 다른 도메인 간에 여러 자원(이미지, 폰트, 스크립트, 데이터) 등을 공유할 수 있음. CORS를 허용하는 방법 서버 응답 헤더 설정: Access-Control-Allow-Origin cors 모듈 사용 webpack-dev-server proxy 기능

메모리할당 및 탐색 배열: 연속적인 메모리 블록에 요소들을 저장. 인덱스로 요소들에 접근: O(1) 링크드리스트: 각 요소들이 독립적으로 메모리에 할당, 다음 요소를 가리키는 포인터로 연결. 인덱스로 요소들에 접근하는데 O(n) 시간 소요. 크기조절 및 추가/삭제 배열: 크기가 고정되어 있어, 변경이 어려움. 새로운 배열을 생성하고 기존 데이터를 복사함. 중간에 위치한 요소가 변경될 경우, 해당 위치의 요소들을 이동시켜야함. 링크드리스트: 동적으로 크기 조절 가능. 새로운 요소 추가/삭제 시 메모리 재할당 없이 포인터만 수정하여가능. 메모리공간 배열: 요소들을 연속적으로 저장하여 저장공간 낭비가 없음 링크드리스트: 포인터로 요소들을 연결하기 위한 포인터 공간이 필요 Reference : Chat-GPT:..

Stack: 자료구조의 한 종류로, 후입선출(Last In First Out)의 원칙을 가진다. * 함수호출, 재귀 알고리즘, 브라우저 방문 기록 등에서 사용된다. * push로 데이터 추가, pop으로 데이터 삭제Queue: 선입선출(First In First Out) 원칙. * Enqueue/push: 데이터 추가, dequeue/pop: 데이터 삭제 * 배열 또는 연결리스트로 구현 가능, 배열기반 큐는 처음과 끝이 이어진 원형 큐 구현 가능 * 네트워크 패킷 처리, 프린터 출력 관리, 너비 우선 탐색(Breadth First Seach) 알고리즘 구현등에 사용