프론트 개발자를 위한 여정

모든 영역을 안내하는 개발자

2024/11/10 3

HTTP와 HTTPS의 역사

인터넷은 초창기부터 빠르게 발전하며 많은 변화를 거쳤습니다. 그중에서도 HTTP와 HTTPS 프로토콜은 웹 통신의 핵심 기술로, 각각의 버전이 업데이트될 때마다 웹 환경은 더욱 안전하고 효율적으로 발전했습니다. 이번 글에서는 HTTP와 HTTPS의 발전 역사와 각 버전의 주요 특징에 대해 알아보겠습니다.1. HTTP의 탄생과 발전HTTP/0.9 (1991)출시 연도: 1991년주요 특징: 웹의 첫 번째 버전인 HTTP/0.9는 단순히 HTML 파일을 요청하고 전송하는 기능만 제공했습니다.한계점: 헤더나 상태 코드 등의 기능이 없었으며, 단순한 GET 요청만 지원했습니다.HTTP/1.0 (1996)출시 연도: 1996년주요 특징: HTTP/1.0에서는 헤더 필드와 상태 코드가 도입되어 요청과 응답 구조가 ..

Frontend/JavaScript 2024.11.10

웹 페이지 로딩의 시작: HTTP와 HTTPS

웹 페이지를 방문할 때, 브라우저는 서버와 통신하여 데이터를 주고받고 화면을 렌더링합니다. 이 통신 과정에서 HTTP와 HTTPS 프로토콜이 중요한 역할을 합니다. 이번 글에서는 HTTP와 HTTPS의 차이, 웹 페이지 로딩에서의 역할을 알아보겠습니다.1. HTTP와 HTTPS란 무엇인가?HTTP: Hypertext Transfer ProtocolHTTP(Hypertext Transfer Protocol)는 웹 상에서 클라이언트와 서버가 데이터를 주고받기 위해 사용하는 프로토콜입니다. 브라우저가 웹 서버에 데이터를 요청하고, 서버는 클라이언트에게 응답을 보내는 구조입니다.속도: 빠르고 간단하게 데이터를 전송합니다.보안: 데이터를 암호화하지 않기 때문에 보안에 취약합니다.HTTPS: HTTP + SSL/T..

Frontend/JavaScript 2024.11.10

프론트엔드 React 개발자가 알아야 할 기본 개념

프론트엔드 React 개발자가 알아야 할 기본 개념1. 웹의 기본 동작 원리주요 개념:브라우저의 동작 방식브라우저가 HTML, CSS, JavaScript를 처리하여 렌더링하는 과정 이해 (DOM 파싱, 렌더 트리 생성, CSSOM, JS 실행)요청/응답 구조HTTP와 HTTPS의 차이점, HTTP 메서드 (GET, POST, PUT 등), 상태 코드의 이해와 활용쿠키/세션과 스토리지쿠키와 세션의 차이점, 쿠키 사용 시점, 로컬 스토리지와 세션 스토리지 사용2. React 기본 및 심화주요 개념:React의 렌더링 구조와 최적화React의 렌더링 동작 이해 및 성능 최적화를 위한 기법 (예: React.memo, useCallback, useMemo)컴포넌트 설계 및 상태 관리컴포넌트 분리, 상태 관리 ..

Frontend/React 2024.11.10