수쿵의 IT월드

목차1. 오퍼레이터1.1. 오퍼레이터의 역할1.2. 자바스크립트 배열 고차 함수와 Observable의 차이점2. 마블 다이어그램 및 오퍼레이터 활용법2.1. 마블 다이어그램3. 오퍼레이터의 종류3.1. 생성 오퍼레이터3.2. 변환 오퍼레이터3.3. 추출 오퍼레이터3.4. 결합 오퍼레이터3.5. 멀티캐스팅 오퍼레이터3.6. 에러 처리 오퍼레이터4. ReferenceRxJS는 반복문, 분기문, 변수 사용으로 인한 로직 오류를 해결하기 위해 설계된 오퍼레이터를 제공합니다. 이를 통해 함수형 프로그래밍의 개념을 적용하여 선언적이고 직관적인 코드 작성을 가능하게 합니다. 함수형 프로그래밍을 통해 RxJS는 다음과 같은 이점을 제공합니다:가독성 향상: 복잡한 로직을 간단한 체인 형태로 구성해 코드를 읽기 쉽게 만..

목차1. RxJS 등장 배경1.1. 입력 데이터의 오류1.2. 상태 전파 문제1.3. 로직 오류2. RxJS 핵심3. Observable 구현 시 고려해야할 점3.1. 에러 발생3.2. 데이터 전달이 완료된 경우3.3. 구독 해제4. 함수 vs. Observable vs. Promise5. Reference최근 웹 환경에서는 SPA(Single Page Application)가 대세로 자리 잡았습니다. 이는 다양한 기능과 데이터가 하나의 index.html 페이지 안에 포함된다는 것을 의미합니다. 최신의 웹 애플리케이션은 상태 머신이라고 볼 수 있으며, 사용자의 입력, 로직, 기존 값에 따라 상태가 결정됩니다. 웹 애플리케이션에서 발생하는 오류는 대개 다음과 같은 경우에서 비롯됩니다:입력값의 오류상태 변..

목차1. XSS1.1. 저장(stored)1.2. 반사(reflected)1.3. DOM 기반(DOM-based)1.4. mXSS1.5. 방어 방법2. CSRF2.1. 질의 매개변수 변조2.2. GET 페이로드 바꿔치기2.3. POST 앤드포인트에 대한 CSRF2.4. 방어 방법3. 웹 보안 테스트 방법3.1. 동적 DOM을 만드는 경우를 테스트하는 방법3.2. 쿼리파람을 통해 인증을 스위칭하는 경우를 테스트하는 방법4. Reference10년 전 웹 애플리케이션과 현재 웹 애플리케이션을 비교하면, 현재의 웹 애플리케이션은 더 많은 도구에 의존하고 있습니다. 그만큼 보안에 더 취약해졌다고 볼 수 있지요. 공격은 라이브러리, 패키지 매니저, 네트워크 통신, 데이터베이스 연결, 웹 서버 등 각각의 파트에서 ..