why not

1. HTTP 1-1. HTTP의 특징 1-2. HTTP Headers의 종류와 특징 2. HTTPS

1. 네트워크 계층 모델 1-1. OSI 7계층 모델 ISO(International Organization for Standardization)라고 하는 국제표준화기구에서 1984년에 제정한 표준 규격 OSI 7계층 모델의 목적 표준화를 통하여 포트, 프로토콜의 호환 문제를 해결 네트워크 시스템에서 일어나는 일을 해당 계층 모델을 이용해 쉽게 설명할 수 있다. 네트워크 관리자가 문제가 발생 했을 때 문제의 원인이 어디에 있는지 범위를 좁혀 문제를 쉽게 파악할 수 있다. 1-1.1) 하드웨어 및 소프트웨어가 수행하는 기능에 따라 7개의 계층(레이어)으로 구분하기 1계층 - 물리 계층 - OSI 모델의 맨 밑에 있는 계층 - 시스템 간의 물리적인 연결과 전기 신호를 변환 및 제어하는 계층 - 주로 물리적 ..

1. TCP/IP 1-1. 네트워크의 시작 지금 우리가 사용하는 IP 기반의 네트워크인 인터넷 프로토콜은 미 국방성에서 1969년 진행했던 아르파넷(ARPANET) 프로젝트에서 시작 기존에 사용되었던 회선교환 방식이 아닌 패킷교환 방식으로 네트워크를 구축 1-1.1) 회선교환 방식 패킷교환 방식은 기존에 전화에서 사용했던 회선교환 방식의 단점을 보완한 방식 회선교환 중간에서 발신자와 수신자를 연결해주는 오퍼레이터가 존재 다소 비효율적 (즉시성이 떨어짐) 발신자와 수신자 사이에 데이터를 전송할 전용선을 미리 할당하고 둘을 연결 연결하고 싶은 상대가 다른 상대와 연결중이라면, 상대방은 이미 다른 상대와의 전용선과 연결되어 있기 때문에 그 연결이 끊어지고 나서야 상대방과 연결할 수 있다. 특정 회선이 끊어지는..

1. 웹 접근성의 개념? 웹 사이트에서 제공하는 정보에 접근이 제한적인 사람들도 웹 접근성을 갖추면 웹에 접근했을 때, 항상 동등한 수준의 정보를 제공받도록 보장받는 것, 궁극적인 목표는 어떤 사람이든 정보를 제공받지 못하는 경우가 없도록 하는 것이다. 1-1. 웹 접근성 실태? 웹 접근성에 대한 인식이 상대적으로 낮은 우리나라 웹 사이트들의 접근성 수준은 높은 정보화 수준에 비해서는 다소 낮은 편 1-1.1) 접근성이 잘 갖춰지지 않은 웹사이트 예시 ex) 화면의 텍스트를 음성으로 읽어주는 스크린 리더를 사용시, 정보가 텍스트가 아닌 이미지로 제공되는 경우에는 스크린 리더가 인식할 수 없어 음성으로 읽지 못하는데, 상품의 상세 정보가 이미지로 올라와 있는 쇼핑몰 사이트 1-2. 웹 접근성을 갖추면 얻을..

1. SEO란? 만든 웹 페이지가 검색 결과 상위에 없거나 뒤 페이지로 밀려나지 않게 검색 엔진의 작동 방식에 맞게 웹 페이지를 최적화해주는 작업인 SEO(Search Engine Optimization, 검색 엔진 최적화)가 필요 SEO를 통해 검색 엔진에서 웹 페이지를 보다 더 상위에 노출할 수 있다. 1-1. SEO 분류 1-1.1) On-Page SEO -> 집중! 페이지 내부에서 진행할 수 있는 SEO 제목과 콘텐츠, 핵심 키워드의 배치, 효율적인 HTML 요소 사용법 등을 이용하는 방법 1-1.2) Off-Page SEO 웹 사이트 외부에서 이루어지는 SEO 소셜 미디어 홍보, 백링크(타 사이트에서 연결되는 링크) 등을 이용하는 방법 웹 페이지 내용이나 구조와는 관계가 없다. 2. SEO에 영..

1. 웹 표준? W3C(World Wide Web Consortium)에서 권고하는 ‘웹에서 표준적으로 사용되는 기술이나 규칙’ 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동할 수 있도록 하는 웹 페이지 제작 기법을 담고있다. 웹 개발에 사용되는 언어인 HTML(구조), CSS(표현), JavaScript(동작) 등의 기술을 다룬다. 크롬, 엣지, 사파리, 오페라, 파이어폭스 등 최신 웹 브라우저들은 모두 웹 표준을 지원 -> 웹 표준에 맞추어 웹 페이지를 작성하면 어떤 브라우저를 사용하든 동일한 결과물을 얻을 수 있다. 1-1. 웹 VS 인터넷 1-1.1) 인터넷? 전 세계적으로 연결되어있는 컴퓨터 네트워크 통신망을 의미 웹, 온라인 게임, 모바일 앱등의 ..

1. JavaScript엔진? JavaScript 코드를 실행하는 소프트웨어 구성 요소 최초의 JavaScript 엔진은 단순한 Interpreter였지만, 모든 관련 최신 엔진은 성능 향상을 위해 Just-In-Time 컴파일을 사용 2. 컴퓨터가 소스 코드를 이해하려면? 컴퓨터 프로세서는 0과 1만 이해할 수 있기 때문에, 우리가 작성한 소스코드를 머신 코드로 변환해 줘야 하는데, 이 변환 과정은 컴파일과 인터 프리커를 통해 일어난다. 3. Interpreter VS Compiler 3-1. Interpreter: 실행할 때마다 한줄 씩 번역 및 분석 3-2. Compiler: 사람이 작성한 코드를 한번에 기계어로 변환 4. JIT Compiliation (Just In Time) 초기에 자바스크립트..

1. Redux? - 자바스크립트 애플리케이션을 위한 상태 관리 라이브러리; State를 관리 - 주의: Redux는 React 없이도 사용할 수 있는 상태 관리 라이브러리 1-1. Redux이 세 가지 원칙 1-1.1) Single source of truth - 동일한 데이터는 항상 같은 곳에서 가지고 와야 한다는 의미-> Redux에는 데이터를 저장하는 Store라는 단 하나뿐인 공간이 있음과 연결이 되는 원칙 1-1.2) State is read-only - 상태는 읽기 전용이라는 뜻 -> React에서 상태갱신함수로만 상태를 변경할 수 있었던 것처럼, Redux의 상태도 직접 변경할 수 없음을 의미 즉, Action 객체가 있어야만 상태를 변경할 수 있음과 연결되는 원칙 1-1.3) Change..