
HTTP (Hypertext Transfer Protocol) 클라이언트와 서버 간에 데이터를 주고받는 데 사용되는 텍스트 기반의 프로토콜웹 브라우저와 웹 서버 간에 문서를 전송하는 데 주로 사용되며, HTML 문서, 이미지, 스크립트, 스타일 시트 등의 웹 페이지 자

HTTPS (Hypertext Transfer Protocol Secure) HTTP의 더 안전한 버전애플리케이션 계층과 전송 계층 사이에 신뢰 계층인 SSL/TLS 계층을 넣은 신뢰할 수 있는 HTTP 요청 ➜ 통신을 암호화Secure Socket Layer / Tr

리다이렉트가 있다면 리다이렉트를 시키고, 그렇지 않다면 다음 단계로 넘어가게 된다.리다이렉트(Redirect)는 사용자가 처음 요청한 URL이 아닌, 다른 URL로 보내는 것을 뜻함. 예를 들어, 웹사이트 A의 주소로 접속한 사용자를 웹사이트 B로 이동시키는 것. UR

일단, CORS는 Cross-Origin-Resource-Sharing 이라는 뜻입니다. 번역하면, 교차 출처 리소스 공유 이지요. 출처가 교차한다는게 무슨 뜻일까요?이 그림은 URL의 구성 요소를 나타내는 그림입니다.Protocol + Host + Port = Ori

단일 페이지 애플리케이션으로, 서버에서 필요한 데이터만 비동기로 받아와서 동적으로 현재 화면에 다시 렌더링 하는 방식을 의미합니다. (필요한 부분만 동적으로 변경)한 개(Single)의 Page로 구성된 Application초기의 SPA는 AJAX(비동기적 정보 교환
변수나 함수 선언을 코드의 최상단으로 끌어올리는 것처럼 동작하는 특성즉, 나중에 선언된 변수를 참조할 수 있다는 것변수 선언은 소스코드가 한 줄씩 순차적으로 실행되는 시점(런타임)이 아니라, 그 이전 단계에서 먼저 실행된다.자바스크립트 엔진은 소스코드를 순차적으로 실행
쿠키와 세션의 사용 이유 > HTTP 프로토콜의 약점을 보완하기 위해 사용 웹 개발에서 사용자의 상태를 관리하는 데 필수적인 기술로 쿠키(Cookie)와 세션(Session)이 있다. HTTP 프로토콜은 Connectionless, Stateless 라는 특징을 갖고

사용자 인터페이스를 구축하기 위한 자바스크립트 라이브러리컴포넌트를 기반으로 UI를 표현화면 업데이트 구현이 쉬움화면 업데이트가 빠르게 처리특히 리액트의 핵심 개념들 중에서 가상 DOM (Virtual DOM)에 대해 알아봅시다.리액트는 이 가상 DOM을 이용해서 화면

프로그램의 실행 흐름이 순차적으로 진행하나의 작업이 완료된 후에 다음 작업이 실행되는 방식메인 작업이 모두 수행되어야 마지막 작업이 수행됨요청 후 응답이 이루어져야 진행 가능비동기 통신보다 코드 작성과 이해가 쉽다.요청과 응답이 순차적으로 이루어지기 때문에 코드의 간결

웹 애플리케이션 개발에서 클라이언트와 서버간의 통신은 필수적 요소이를 위해 주로 사용되는 두 가지 프로토콜은 HTTP (HyperText Transfer Protocol) 와 WebSocket가 있다.요청/응답 모델을 기반으로 하는 비연결성 프로토콜클라이언트가 서버에

XMLHttpRequest 기술을 사용해 복잡하고 동적인 웹페이지를 구성하는 프로그래밍 방식AJAX는 비동기적 웹 애플리케이션의 제작을 가능하게 하는 핵심 기술로, JavaScript를 사용하여 서버와 비동기적으로 데이터를 교환하고 조작할 수 있게 함. 이를 통해 웹
부모 컴포넌트가 자식 컴포넌트에 전달하는 데이터 (컴포넌트 간 데이터 전달)읽기 전용으로, 자식 컴포넌트는 props를 수정할 수 없음모든 React 컴포넌트는 자신의 props를 다룰 때 반드시 순수 함수처럼 동작해야 한다.순수함수입력값을 바꾸지않고 항상 동일한 입력
클로저함수와 그 함수가 선언된 렉시컬 환경의 조합함수가 선언될 때의 스코프를 기억하여, 함수가 생성된 이후에도 그 스코프에 접근할 수 있는 기능클로저는 내부 함수에서 외부 함수의 범위에 대한 접근을 제공합니다.init()은 지역 변수 name과 함수 displayNam
this의 기본 동작 원리 this는 함수가 호출되는 방식에 따라 가리키는 대상을 다르게 설정합니다. 일반 함수로 호출될 때는 전역 객체를 가리키고, 메소드로 호출될 때는 해당 메소드를 호출한 객체를 가리킵니다. > 메서드에서의 this 해당 메서드가 호출된 객체를
프론트엔드없이 시작된 React 프로젝트에 투입되게 되었다.그러다보니 Url이 규칙없이 설계된 모습을 보게 되었고 나 또한 오랜만에 프로젝트를 하다보니 Url 주소를 어떻게 지어야 좋을지 고민을 하게 되었다. 해당 프로젝트에서는 RESTful API를 사용하고 있으니,