CS

한 문장 정의데이터 바인딩은 화면(UI)과 데이터(Model)를 연결하여,데이터가 변경되면 화면이 자동으로 갱신되도록 만드는 구조다.“기획자가 정의한 데이터 상태가 화면에 어떻게 반영되는가”왜 데이터 바인딩을 알아야 하는가기획에서 흔히 이런 말을 한다.“이 값 바뀌면 화면도 같이 바뀌어야 해요”“상태에 따라 버튼이 활성화돼야 해요”“서버 값 오면 자동으로 반영되나요?”이 질문들의 정체가 전부 데이터 바인딩이다.데이터 바인딩을 모르면화면이 왜 안 바뀌는지 모름개발 난이도 판단 불가UX 상태 설계를 감으로 하게 됨데이터 바인딩의 핵심 구성 요소1. Model (데이터)서버에서 내려온 값사용자가 입력한 값계산된 상태 값예:로그인 여부 (isLoggedIn)장바구니 수량 (cartCount)결제 가능 여부 (c..

1) 한 문장 요약브라우저는 보안을 위해 “다른 출처(origin)”에서 온 요청을 제한한다. CORS는 서버가 응답 헤더로 어떤 출처에서의 요청을 허용할지(또는 거부할지) 선언하는 표준 메커니즘이다.2) 용어 정리Origin(출처) = scheme://host:port (예: https://www.example.com, http://localhost:3000)Same-Origin Policy = 브라우저 기본 보안 정책. 동일 출처끼리만 자원 공유 허용CORS = 서버가 응답 헤더로 허용 출처/메서드/헤더 등을 명시해 브라우저가 예외를 허용하게 하는 규칙Preflight(사전요청) = 브라우저가 실제 요청 전에 OPTIONS 요청으로 서버가 허용하는지 확인하는 단계Credentialed request ..

1. 정의(핵심 개념)익스터널 링크(External Link)는 사용자가 현재 보고 있는 앱 또는 도메인의 내부 페이지가 아니라 다른 도메인/외부 자원(웹 페이지, 외부 서비스, 외부 앱 등) 으로 이동하도록 하는 하이퍼링크를 말한다.모바일 컨텍스트에서는 이 이동이 앱 내부 웹뷰(WebView 등) 에서 열릴 것인지, 또는 디바이스의 기본 브라우저(Chrome/Safari) 로 이관될 것인지에 따라 UX와 보안/추적 요구사항이 크게 달라진다.예: 앱의 이벤트 배너 → 외부 이벤트 페이지, 앱 내 ‘문의하기’ → 외부 헬프센터 도메인, 앱의 상품 클릭 → 제휴사 결제 페이지 등2. 익스터널 링크의 종류(모바일 관점)외부 HTTP/HTTPS 링크: 다른 도메인(www.example.com)으로의 일반 페이지..

OpenID Connect (OIDC)OAuth 2.0을 기반으로 하는 인증 프로토콜사용자의 신원을 확인하고 사용자 정보를 안전하게 교환할 수 있도록 설계됐다.OIDC는 사용자 로그인 및 Single Sign-On (SSO)을 구현하는 데 매우 유용하며, 웹 애플리케이션, 모바일 애플리케이션, API 서버 등 다양한 클라이언트에서 널리 사용된다. 주요 구성 요소End-User (사용자): 인증을 요청하는 실제 사용자Relying Party (RP): 사용자 인증과 사용자 정보를 필요로 하는 애플리케이션 또는 서비스OpenID Provider (OP): 사용자를 인증하고, 인증된 사용자 정보를 제공하는 서비스 제공자(ex. Google, Facebook, Microsoft 등)ID Token: 사용자에 대..

OSI (Open Systems Interconnection) 7계층 모델네트워크 통신을 7개의 계층으로 나누어 설명하는 이론적 모델이 모델은 각각의 계층이 특정 기능을 담당하여 전체 네트워크 통신을 수행할 수 있도록 한다.OSI 모델은 네트워크 프로토콜의 표준화와 상호 운용성을 높이기 위해 개발됐다. 1. 물리 계층 (Physical Layer)역할물리 계층은 데이터 전송의 물리적 매체를 담당합니다. 비트 스트림을 전기 신호, 광 신호 또는 무선 신호로 변환하여 전송하는 역할또한, 물리 계층은 하드웨어 장치 간의 전기적, 기계적, 기능적 인터페이스를 정의 특징전송 매체: 구리선, 광섬유, 무선 주파수 등 다양한 물리적 매체를 사용신호 방식: 아날로그 신호와 디지털 신호 모두를 지원전송 속도: 비트 전송..