1. Computer Science

브라우저 저장소 (WebStorage : Local, Session / Cookie)

▶️ 브라우저 저장소의 종류 1. Web Storage a. Local Storage b. Session Storage 2. Cookie ▶️ Cookie 란? Cookie는 HTTP 쿠키, 웹 쿠키, 브라우저 쿠키라고도 불린다. 쿠키는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각입니다. 브라우저는 이 데이터 조각을 저장해 놓았다가 동일한 서버에 재 요청 시 이 정보를 함께 전송합니다. 쿠키가 클라이언트 측에 정보를 저장할 수 있는 유일한 방법이었을 때는 클라이언트 측에 정보를 저장하기 위해 쿠키가 주로 사용되었지만, 모든 요청 마다 쿠키가 함께 전송되기 때문에 성능 저하의 원인이 될 수 있어 지금은 클라이언트 측에 데이터를 저장하기 위해서 로컬 스토리지나 세션 스토리지를 사용하는 것이 좋다..

2023. 8. 29. 18:56

1. Computer Science

크로스 브라우징(Cross Browsing)이란?

▶️ 크로스 브라우징(Cross Browsing)이란? 웹 페이지 제작시, 모든 브라우저에서 깨지지 않고 의도한대로 올바르게(=호환성) 나오게 하는 작업 (=브라우저 간 웹 페이지의 상호 호환성) (다양한 웹브라우저에서 깨지지 않게 보이는 웹페이지 제작 기술) (HTML, CSS, Javascript 작성 시 W3C의 웹 규격에 맞는 코딩을 함으로써 어느 브라우저, 기기에서 사이트가 의도된 대로 보여지고 작동되는 기법) 모든 브라우저에서 화면이 동일하게 표시되게 하는 것을 의미하지는 않습니다. 동일하게 보이는 것이 아니라, 동등한 수준의 정보, 기능 제공이 우선입니다. ▶️ 크로스 브라우징(Cross Browsing) 작업이 필요한 원인 ? 브라우저마다 사용하는 OS가 다르고, 렌더링 엔진이 다르기 때문..

2023. 8. 24. 15:02

1. Computer Science

JWT / Cookie / Http Only Cookie

브라우저에서 equest(요청) GET 또는 POST 하게 되는 경우, 모든 쿠키들이 서버에 넘어가 사용자를 체크를 한다 대부분의 사이트가 쿠키를 통해 사용자 식별정보를 쿠키에 저장하며, 쿠키에 저장된 정보를 통해 각 사용자를 구별 사용자 인증을 진행합니다 → 인증을 계속 체크하는 이유는, HTTP 프로토콜이 Stateless (무상태성) 이기에 요청한 사람의 상태정보를 계속 갖고 있지 않고 연결이 끊어지기에 다음 요청 시, 누구인지, 이전에 요청한 같은 사람인지, 해커인지 알 수 없다 이렇게 쿠키를 통해 인증을 하기 때문에 민감한 정보들이 쿠키에 담겨져 있는 데, 해커들은 다양한 방법으로 이 쿠키를 탈취한다. 이러한 쿠키에 대한 보안 공격 중 가장 대중적인 것 중 하나는 바로 세션 하이재킹 공격(Ses..

2022. 9. 19. 10:37

1. Computer Science

[네트워크] HTTP

✅ 핵심개념 : HTTP, GET, POST, 상태코드 ✅ HTTP (HyperText Transfer Protocol) 웹 브라우저(클라이언트)가 웹 서버와 대화하기 위한 프로토콜입니다. 사용자가 웹 페이지를 방문하려 할 때, 그들의 웹 브라우저(클라이언트)는 웹 서버에 웹 페이지의 내용을 요청해야 합니다. 웹 서버는 그 요청에 응답하기 위해 요청을 해석하고, 요청된 페이지를 클라이언트에게 돌려보냅니다. HTTP는 이 과정을 용이하게 해주며, 요청을 보내고 받는 표준적인 방법을 정해줍니다. HTTP works as a request-response protocol between a client and server. 예) A client (browser) sends an HTTP request to th..

2022. 8. 17. 19:36

1. Computer Science

[네트워크] TCP, IP

✅ 핵심 개념 : IP, 라우터, 패킷, TCP, 포트 컴퓨터들이 인터넷을 통해 통신하기 위해서는 통신을 어떻게 해야 하는지, 인터넷상의 한 지점에서 다른 지점으로 어떻게 데이터가 도달하는지 알려주는 표준 집합 혹은 프로토콜이 필요하다 프로토콜 없이는 수신 장치가 정보를 받게끔 보장하거나 받은 정보로 무엇을 해야 할 지 보장해줄 수 없다. 프로토콜에는 전송 제어 프로토콜(TCP, Transmission Control Protocol)과 인터넷 프로토콜(IP, Internet Protocol)이 있다. TCP/IP를 사용하겠다는 것은 IP주소체계를 따르고 IP Routing을 이용해 목적지에 도달하며 TCP의 특성을 활용해 송신자와 수신자의 논리적 연결을 생성하고 신뢰성을 유지할 수 있도록 하겠다는 것을 ..

2022. 8. 17. 19:16

1. Computer Science

[네트워크] Router

✅ 핵심개념 : 라우터, 라우팅 테이블 도로에는 원하는 목적지를 가기 위한 길을 알려주는 도로표지판이 있는것과 같이 인터넷에서 이와 비슷한 역할을 하는 라우터라는 장치가 있습니다. (인터넷에서 데이터에게 길을 알려주는 라우터) ✅ 라우터 인터넷은 한 장치에서 다른 장치로 정보를 보낼 수 있다. 인터넷에서 데이터를 쉽게 전송하도록 돕기 위해서 라우터가 사용됨 라우터는 인터넷의 구성 요소로, 데이터를 다양한 네트워크로 보내줍니다. 라우터는 보낸 데이터가 올바른 목적지에 잘 도착할 수 있도록 보장하기 위해 특정 명령어 집합을 따른다. ✅ 라우팅 모델 인터넷에서, 인터넷에 연결된 모든 장치들은 다른 인터넷에 연결된 장치들과 통신할 수 있어야 합니다. 이러한 네트워크를 구성하기 위한 방법 중 하나는 아래와 같이 ..

2022. 8. 17. 18:49

1. Computer Science

[네트워크] DNS, DHCP

✅ 핵심단어 : DNS / DHCP / URL / 도메인 인터넷상에 있는 장치들이 IP 주소를 효과적으로 사용할 수 있도록 하는 두 가지 중요한 시스템 도메인 이름 시스템(DNS / Domain Name System) 웹 브라우저 주소창에 치는 텍스트를 IP 주소로 변환 동적 호스트 구성 프로토콜(DHCP / Dynamic Host Configuration Protocol) 각 장치에 IP 주소를 할당하는 것을 도와줌 ✅ DNS 대부분의 사람들은 웹 페이지에 접속하려 할 때 IP 주소를 치지 않고 URL을 입력합니다. URL, 즉 도메인 주소는 IP 주소보다도 사람이 읽기 쉽고 기억하기 쉬운 웹 주소입니다. 사용자가 기억하기 쉬운 URL을 사용하더라도 궁극적으로는 접근하려는 장치의 IP주소를 알아야 합니..

2022. 8. 17. 18:38

1. Computer Science

[네트워크] IP주소(IPv4, IPv6, ::) / 액세스 포인트(AP) / DHCP / DNS / URL

✅ 핵심개념 IP주소(IPv4, IPv6, ::) / 액세스 포인트(AP) / DHCP / DNS / URL ✅ 인터넷 프로그래밍을 통해 명령줄에서 실행하는 프로그램만 작성할 수 있는 것은 아닙니다. 인터넷에서 실행되는 코드도 작성할 수 있습니다. 인터넷이 동작할 수 있도록 많은 다양한 시스템들과 프로토콜(Protocol, 통신 규칙)들이 갖추어져 있고, 모든 인터넷 요소들이 더불어 동작해야 사람들이 인터넷을 효과적으로 사용할 수 있습니다. 인터넷에는 어떤 시스템이고 어떻게 동작하는지를 이해하면 인터넷에 대한 이해를 전반적으로 높일 수 있을 것입니다. ✅ IP주소 인터넷상에 있는 장치들은 IP 주소(Internet Protocol Address)를 할당 받는다. IP 주소는 인터넷에 연결된 장치들을 식별..

2022. 8. 17. 18:01

1. Computer Science

ASCII, 유니코드, RGB

컴퓨터가 문자, 사진, 영상, 음악 등 다양한 정보를 처리하는 방식을 설명할 수 있다. (ASCII, 유니코드, RGB) 컴퓨터를 통해 다양한 정보(숫자,문자,사진,영상,음악 등)를 처리하는데, 어떻게 이런 다양한 정보를 처리할 수 있는가? ✅ 숫자의 표현 -> 2진법으로 표현 (앞 포스팅 참고) ✅ 문자의 표현 문자를 숫자로 표현할 수 있도록 정해진 표준이 있다 ▶️ 아스키코드(ASCII / American Standard Code for Information Interchange) 총 128개의 부호로 정의되어 있는데, 가령 알파벳 A는 10진수 기준으로 65, 알파벳 B는 66로 되어있다. A를 2진법으로 표현해보면, 10진법 기준으로 65이므로 2**6x1 + 2**5x0 + 2**4x0 + 2*..

2022. 8. 17. 17:21

1. Computer Science

2진법 (bit / byte)

✅ 컴퓨터 과학 컴퓨터 과학은 문제 해결에 대한 학문 문제 해결은 입력(input)을 전달받아 출력(output)을 만들어내는 과정 ( 그 중간에 있는 과정이 바로 컴퓨터 과학 ) 입력과 출력을 표현하기 위해선 우선 모두가 동의할 약속(표준)이 필요 따라서 컴퓨터 과학의 가장 첫 번째 개념은 어떻게 표현하는지에 대한 표현 방법 (= 2진법) ✅ 2진법 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 총 10개의 기호로 표현하는 것이 10진법 하지만 컴퓨터에는 오직 0과 1로만 데이터를 표현 (=2진법) 2진법으로 숫자 뿐만아니라 글자, 사진, 영상, 소리 등을 저장할 수 있음 2진법은 전기를 켜고 끄는 방식으로 작동하는 컴퓨터에게 적합한 방법 컴퓨터에는 굉장히 많은 스위치(트렌지스터)가 있고 on/o..

2022. 8. 17. 17:06