fetch에는 일반적인 오브젝트로 request와 response가 포함되어 있다. 또한 CORS나 HTTP 오리진 헤더의 행동에 관련한 개념에 대해서도 정의되어 있다. fetch()를 불러들이는 경우, 취득할 리소스를 반드시 인수로 지정하지 않으면 안된다. fetch
하드웨어적인 측면: 웹 서버 소프트웨어와 웹 사이트의 구성요소 파일(HTML,이미지,css 스타일시트 및 javascript 파일)을 저장하는 컴퓨터. 웹 서버는 인터넷에 연결되어 웹에 연결된 다른 장치와의 물리적 데이터 교환을 지원소프트웨어적인 측면: 웹 사용자가 호
api란 무엇인가? application programming interface의 줄임말으로 컴퓨터나 컴퓨터 프로그램 사이의 연결을 해주는 것이다. 사용하는 경우 접근할 프로그램의 규칙이 잘 짜이지 않고 복잡한 경우 프로그램 보안 상 외부에서 누구나 사용할 수 없고 제
GET주로 정렬 필터(검색어)POST, PUT, PATCH회원가입, 상품 주문, 리소스 등록, 리소스 변경이미지, 정적 텍스트 문서GET 명령어를 통해 원하는 데이터를 요청 함 ex) GET/static/star.jpg HTTP/1.1Host: localhost:808
CD(continuous Delivery) 지속적 인도란 새로운 기능 추가나 구성의 변경, 버그 수정이나 기능 실험을 포함한 모든 유형의 변화를 통제하면서 제품을 생산하는 역량 또는 사용자에게 빠르고 안전하고 안정적으로 제공하는 역량이다.CD를 사용하지 않는 경우 실제
컨테이너 인프라 환경이란? 컨테이너 인프라 환경이란 리눅스 운영 체제의 커널 하나에서 여러 개의 컨테이너가 격리된 상태로 실행되는 인프라 환경이다. 여기서 컨테이너는 하나 이상의 목적을 위해 독립적으로 작동하는 프로세스이다. 컨테이너 오케스트레이션을 위한 다양한 솔루션
파드를 생성하는 방법 nginx 웹서버 파드를 생성하는 방법 run으로 파드를 생성하면 단일 파드 1개만 생성되고 관리된다. 그리고 create deployment로 파드를 생성하면 디플로이먼트라는 관리 그룹 내에서 파드가 생성된다. 비유를 들자면, run으로 생성된
외부에서 쿠버네티스 클러스터의 내부에 접속하는 가장 쉬운 방법은 노드포트 서비스를 이용하는것이다. 노드포트 서비스를 설정하면 모든 워커 노드의 특정 포트를 열고 여기로 오는 모든 요청을 노드포트 서비스로 전달한다. 그리고 노드포트 서비스는 해당 업무를 처리할 수 있는
데몬셋은 디플로이먼트의 replicas가 노드 수 만큼 정해져 있는 형태라고 할 수 있는데, 노드 하나당 파드 한 개만을 생성한다. 노드를 관리하는 파드라면 데몬셋으로 만드는게 가장 효율적이다.컨피그맵은 설정을 목적으로 사용하는 오브젝트이다. 파드에서 생성한 내용을 기
파드들은 워커 노드라는 노드 단위로 관리하며, 워커 노드와 마스터 노드가 모여 쿠버네티스 클러스터가 된다. 그리고 파드는 1개 이상의 컨테이너로 이루어져 있다.파드는 쿠버네티스로부터 IP를 받아 컨테이너가 외부와 통신할 수 있는 경로를 제공한다. 그리고 컨테이너들이 정

SOP는 어떠한 문서나 스크립트가 다른 프로토콜/ 포트/ 호스트에 있는 리소스를 사용하는 것을 제한하는 정책이다.CORS는 추가 HTTP 헤더를 사용하여, 한 출처에서 실행중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알
웹팩이란? 웹팩은 여러개 파일을 하나의 파일로 합쳐주는 번들러다. 하나의 시작점으로부터 의존적인 모듈을 전부 찾아내서 하나의 결과물을 만들어 낸다. 로더 로더는 타입스크립트와 같은 다른 언어를 자바스크립트 문법으로 변환해 주거나 이미지를 data URL 형식의 문자열
새로운 웹 기술이 나타나거나 본인이 스스로 만들었을 때 그것을 활용한 본인들의 서비스를 만드는 것을 원활하게 하기 위해서 웹 브라우저는 반드시 필요하다.웹 브라우저에서 많은 어플리케이션이 돌아가는데 웹 브라우저가 성능이 안 좋다면 웹 베이스로 서비스를 하는 사람이 피해
세션 기간 동안(페이지 다시 로드 및 복원을 포함하여 브라우저가 열려 있는 동안) 사용 가능한 각 원본에 대해 별도의 저장 영역을 유지한다.세션 동안만 데이터를 저장. 즉 브라우저가 닫힐 때까지 데이터가 저장데이터는 서버로 전송되지 않는다.저장 한도는 쿠키보다 크다(최

웹 어셈블리란 최신 웹 브라우저에서 실행할 수 있는 새로운 유형의 코드이며 새로운 기능과 성능 면에서 큰 이점을 제공한다. 주로 손으로 작성하기 위한 것이 아니라 C,C++,Rust 등과 같은 소스 언어에 대한 효과적인 컴파일 대상이 되도록 설계 되었다. 웹 어셈블리
서버에서 전체 페이지를 한번 렌더링 하여 보여주고 사용자가 요청할 때마다 리소스를 서버에서 제공받아 클라이언트가 해석하고 렌더링 하는 방식이다. HTML이 텅텅 비어있기 때문에 처음에 접속하면 빈 화면만 보이고 링크된 자바스크립트를 다운로드 받게 된다. 여기에는 어플리

업로드중..$ git config --global user.email "user email"$ git config --global user.name "user name"$ git config --global color.ui true$ git init git-basic$
JWT 이해 세션기반, 토근 기반 세션 기반: 서버가 사용자가 로그인 중임을 기억하고 있다는 것. 세션 기반 인증 시스템에서 사용자가 로그인을 하면, 서버는 세션 저장소에 사용자의 정보를 조회하고 세션 id를 발급한다. 발급된 id는 주로 브라우저의 쿠키에 저장. 그
Array: data를 연속적이며 순차적으로 미리 할당된 크기 만큼 저장=> 검색과 추가가 빠르다. 따라서 조회를 자주 해야 하는 경우 사용=> 크기를 미리 정해야 하기 때문에 메모리 낭비나 overhead 발생 가능Linked List: Node로 이루어져 있음, N
서버는 클라이언트에게 401(Unauthorized) 응답 코드를 가지고 응답하며, 최소한 한 번의 시도에 포함된 WWW-Authenticate 응답 헤더로 권한을 부여하는 방법에 대한 정보를 제공한다. 서버와 인증을 하기를 원하는 클라이언트는 Authorization