Jieunny의 블로그

📣 Cookie ✔️ 어떤 웹 사이트에 들어갔을 때, 서버가 일방적으로 클라이언트에 전달하는 작은 데이터 ✔️ 서버가 웹 브라우저에 정보를 저장하고 불러올 수 있는 수단 ➰ 해당 도메인에 대한 쿠기가 존재하면, 웹 브라우저는 도메인에게 http 요청 시 쿠키를 함께 전달한다. ➰ 단순히 서버에서 클라이언트에 쿠키를 전송하는 것만 의미하지 않고, 클라이언트에서 서버로 쿠키를 다시 전송하는 것도 포함한다. 📣 Cookie 특징 ✔️ 장시간 보존해야하는 정보 저장에 적합하다. ➰ 로그인 상태 유지 ✔️ 서버가 클라이언트에 특정 정보를 저장할 수 있다. ➰ 데이터를 저장한 이후 아무 때나 데이터를 가져올 수는 없고, 데이터를 저장한 이후 특정 조건들이 만족되어야 다시 가져올 수 있다. ➰ 이런 조건들은 http..

📣 HTTP ✔️ HTTP/1.1, HTTP/2 는 TCP 기반이며 HTTP/3은 UDP 기반 프로토콜이다. 📣 HTTP의 특징 1️⃣ 클라이언트 서버 구조 ➰ Request Response 구조 ➰ 클라이언트는 서버에서 요청을 보내고, 응답을 대기 ➰ 서버가 요청에 대한 결과를 만들어 응답 2️⃣ 무상태 프로토콜(Stateless), 비연결성(Connectionless) ➰ 서버가 클라이언트의 상태를 보존하지 않는다. ➰ 장점 : 서버 확장성이 높다. ➰ 단점 : 클라이언트가 추가 데이터를 전송한다. ✚ Stateful vs Stateless 더보기 Stateful Stateless 항상 같은 서버가 유지되어야 한다. 아무 서버나 호출해도 된다. 서버에 장애가 생긴다면 유지되던 상태 정보가 다 날아가 ..

📣 회선교환 방식 ✔️ 회선교환 : 회선교환 방식은 발신자와 수신자 사이에 데이터를 전송할 전용선을 미리 할당하고 둘을 연결하는 방식 ➰ 상대가 다른 상대와 연결중이라면, 상대는 다른 상대와의 전용선에 연결되어 있기 때문에 그 연결이 끊어지고 나서야 상대방과 연결할 수 있다. ➰ 회선이 끊어지는 경우 처음부터 다시 연결을 성립해야 한다. ➰ 즉시성이 떨어진다는 단점이 있다. 📣 패킷교환 방식 ✔️ 패킷교환 : 패킷이라는 단위로 데이터를 잘게 나누어 전송하는 방식 ➰ 각 패킷에는 출발지와 목적지 정보가 있고 이에 따라 패킷이 목적지를 향해 가장 효율적인 방식으로 이동할 수 있다. ➰ 특정 회선이 전용선으로 할당되지 않기 때문에 빠르고 효율적으로 데이터를 전송할 수 있다. => IP는 출발지와 목적지의 정보..

📣 웹 접근성의 개념 ✔️ 웹 접근성 : 장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것 ➰ 비장애인도 정보 접근에 제한을 받는 불편함을 겪을 수 있다. ➰ 결국 웹 접근성의 궁극적인 목적은 '어떤 상황이든, 어떤 사람이든 정보를 제공받지 못하는 경우가 없도록 하는 것' 이다. 📣 웹 접근성의 실태 ✔️ 해외에 비해 국내에서는 웹 접근성에 대한 인식이 상대적으로 낮으며, 잘 지켜지지 않는 경우가 많다. 📣 웹 접근성을 갖추면 얻을 수 있는 효과 1️⃣ 사용자 층 확대 ➰ 웹 접근성을 확보하면 장애인, 고령자 등 정보 소외 계층도 웹 사이트를 자유롭게 이용할 수 있다. ➰ 그만큼 사용자를 늘릴 수 있고, 새로운 고객층을 확보할 수 있다. 2️⃣..

📣 웹 표준의 개념 ✔️ 인터넷 : 전 세계적으로 연결되어있는 컴퓨터 네트워크 통신망 (!= 웹) ➰ 웹, 온라인 게임, 모바일 앱, 이메일 등 네트워크를 사용하는 다양한 서비스들을 모두 포함한다. ✔️ 웹 : 문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할 수 있는 '공간' ➰ ex) World Wide Web + Cartoon (웹툰) 📣 웹 표준 ✔️ W3C(World Wide Web Consortium)에서 권고하는 '웹에서 표준적으로 사용되는 기술이나 규칙' ➰ 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동할 수 있도록 하는 웹 페이지 제작 기법을 담고있다. ➰ 웹 개발에 사용되는 언어인 HTML, CSS, JavaScript 등의 기술..

📣 전역 상태 관리 ✔️ 상태 : UI 에 동적으로 표현될 데이터 ➰ 상태를 다룰 때는 Side Effect 를 고려해야 한다! ➰ Side Effect : 함수 또는 컴포넌트의 입력 외에도 함수의 결과에 영향을 미치는 요인 - 네트워크 요청 (백엔드 API 요청) ✔️ 로컬 상태 : 특정 컴포넌트 안에서만 관리되는 상태 ➰ 다른 컴포넌트와 데이터를 공유하지 않는 폼 데이터는 대부분 로컬 상태이다. ➰ input box, select box 등과 같이 입력값을 받는 경우 ✔️ 전역 상태 : 프로덕트 전체 또는 여러 컴포넌트에서 관리되는 상태 ➰ 서로 다른 컴포넌트가 동일한 상태를 다룬다면, 이 출처는 오직 한 곳이어야 한다. ➰ 이 출처가 '전역 공간' 이 된다. ➰ 테마 설정, 국제화 설정 등이 전역 ..