CS

화면 크기, 환경 변화 감지 기술화면 크기 제어 기술감지한 화면 크기로 변환하는 기술 등가변 그리드 : 웹사이트 제작시 화면 크기 관계없이 자유롭게 늘어나거나 줄어들 수 있도록 픽셀 대신 %로 제작하는 기술그리드 작업 : 규칙적인 간격으로 요소를 배치 하는 작업웹페이지

자바스크립트 초기에는 JS로 서버에 별도 페이지를 요청하지 못하게 만들어졌었음추후 니즈에 따라 다양한 개체들이 만들어짐HTTP Request 등브라우저가 요청을할때 주소를 보고 주소가 다르다면 서비스를 해주지 않는다비동기통신 → 안전하냐, 안전하지 않느냐를 체크해줘야한

첫번째 인자로 URL, 두번째 인자로 optionsoption에 아무것도 넣지 않으면 기본적으로 GET방식으로 호출처리 중 상태 (pending)실행결과는 promise 타입의 객체를 반환 (처리완료 상태)반환된 promise 객체는 API호출성공시 응답객체(respo

RESTful(Representational State Transfer)은 웹 서비스 설계 원칙, 웹을 통해 데이터를 전송하는 데 사용되는 아키텍처 스타일. 자원(Resource): RESTful 아키텍처에서 모든 것은 "자원"으로 표현. 일반적으로 웹에서 접근 가능한

최근 인터넷과 웹은 거의 같은 의미로 사용하고 있지만, 바라보는 관점에 따라 의미가 다른 표현임공통적인 핵심은 연결임인터넷인터넷 은 컴퓨터(node)와 컴퓨터를 연결하는 네트워크네트워크는 통신 프로토콜을 사용하여 노드를 연결하는 물리적 연결망웹 \- 문자, 이미지

URL은 인터넷 상에서 존재하는 웹 페이지, 콘텐츠 등 자원의 위치를 말함원하는 웹페이지를 요청할 때 웹 브라우저에 URL을 입력함http://www.naver.com:80/patch/page?a=1프로토콜 (http)인터넷의 웹 자원을 요청, 응답하기 위한

HTTP 쿠키는 서버가 사용자의 브라우저에 전송하는 작은 데이터 조각을 말함브라우저는 데이터 조각을 저장해 놨다가 같은 서버에 재요청 시 데이터와 함께 쿠키를 전송함쿠키는 요청이 동일한 브라우저에서 들어왔는지 아닌지를 판단할때 주로 사용이를 통해 사용자의 로그인 상태를

가상돔은 실제 DOM 조작의 비효율성을 해결하기 위해 도입된 개념실제 DOM을 조작하게 되면 매 변경마다 브라우저의 리플로우(Reflow)와 리페인트(Repaint)를 유발하며, 이는 웹 성능에 좋지 않은 영향을 끼침가상 DOM은 메모리 내 변경 사항을 최적화하여 실제

전통적 for 루프인덱스 기반 접근으로 정밀한 제어 가능 (임의 점프/중단 가능)forEach 메서드간결한 함수형 프로그래밍 스타일 (사이드 이펙트만 필요할 때 적합)for...of (인덱스 없이 값만 필요한 경우)forEach 메서드삽입 순서 보장 (Map과의 API

HTTP는 웹 브라우저와 서버 간의 데이터 전송을 위한 애플리케이션 계층 프로토콜. 하지만 보안 측면에서 몇 가지 중요한 단점이 있음무상태 프로토콜HTTP는 요청 간 상태를 유지하지 않기 때문에, 클라이언트와 서버 간의 상호작용이 독립적으로 처리.이를 보완하기 위해 쿠

TCP/IP는 현대 웹 애플리케이션의 통신 기반이 되는 핵심 프로토콜. TCP/IP는 Transmission Control Protocol(전송제어 프로토콜)/Internet Protocol(인터넷 프로토콜)의 약자로, 인터넷에서 사용되는 표준 통신 프로토콜. 서로 다

학습 자료: https://www.youtube.com/watch?v=CY-snpNApNM이진 데이터를 ASCII 문자열로 변환하는 인코딩 방식.이진 데이터를 앞에서부터 3바이트 단위로 나눔.나뉜 3바이트를 다시 6비트 단위로 분할.각 6비트 값을 Base64

핵심: 데이터 접근 방식의 차이 (FIFO vs LIFO)Queue (큐)FIFO (First-In, First-Out)먼저 들어온 데이터가 먼저 나가는 구조의 자료구조데이터가 생성되는 순서대로 처리해야 하는 작업 (예: 작업 스케줄링, 메시지 큐)에 사용Stack (

독립적인 실행 단위실행 중인 프로그램 하나하나를 프로세스라고 칭함. 각 프로세스는 독립적인 메모리 공간을 가지고 있어서 서로의 자원에 직접 접근할 수 없음. 독립성다른 프로세스에 영향을 주지 않음. 하나의 프로세스에 문제가 생겨도 다른 프로세스는 안전.자원 할당운영체제

IP(Internet Protocol) 주소는 인터넷과 같은 IP 네트워크 상에서 장치(컴퓨터, 스마트폰, 서버 등)를 고유하게 식별하고 통신하기 위해 사용되는 숫자 체계를 말함구조32비트 주소 IPv4 주소는 32개의 비트로 구성점분리 10진수 표기법 사람이 읽기 쉽

하나의 송신자가 특정 그룹의 여러 수신자에게 데이터를 동시에 전송하는 방식통신 형태: 1 대 다 (One-to-Many, 특정 그룹)범위정의된 멀티캐스트 그룹에 속한 네트워크 구간IPv4 주소 범위224.0.0.0 ~ 239.255.255.255 (클래스 D 주소)IP

업로드중..DNS는 인터넷의 전화번호부와 같다.웹사이트에 접속할 때, google.com과 같은 도메인 이름을 사용하지만 컴퓨터는 실제로는 숫자로 이루어진 IP 주소로 통신하기 때문에 도메인이름을 IP주소로 바꿔주는 과정이 필요하며 DNS는 바로 이 도메인 이름을 해당

오늘은 웹 통신의 핵심 보안 기술인 '암호화'에 대해 이야기해 보려 한다. 특히, 대칭키(Symmetric Key) 와 비대칭키(Asymmetric Key) 암호화 방식의 개념을 명확히 이해하고, HTTP와 HTTPS에 어떻게 적용되어 웹을 안전하게 만드는지 알아보려

최근 몇 년간 LLM(Large Language Model) 기반의 생성형 AI가 우리의 일상과 업무 방식을 혁신하고 있다.이러한 흐름에 따라 더 똑똑하게 질문하는 방법인 프롬프트 엔지니어링에 대해 정리해 보려 한다. 프롬프트 엔지니어링(Prompt Engineerin