[Web] 쿠키(Cookie) & 세션(Session) & 캐시(Cache)

1. 쿠키(Cookie) 클라이언트(사용자의 웹 브라우저) 측에 텍스트 파일 형태로 저장되는 작은 데이터 파일, 사용자가 웹사이트를 방문할 때마다 서버에 의해 생성되며 브라우저를 통해 클라이언트에 저장된다 1) 장점 사용자의 선호도, 로그인 상태 등을 기억해서 개인화된 서비스 제공이 가능하다 (팝업창, 아이디 저장하기 등) 세션 관리, 사용자 추적 등에 용이하다 2) 단점 한정된 데이터 크기(약 4kb)만 저장 가능하다 클라이언트에 저장되므로 보안에 취약할 수 있다 사용자가 쿠키를 삭제하거나 비활성화할 수 있다 3) 동작 방식 사용자가 웹사이트에 접속하면, 서버는 사용자의 브라우저에 쿠키를 생성해서 보낸다. 이 쿠키는 사용자의 컴퓨터에 저장된다 사용자가 같은 웹사이트에 다시 접속하면, 브라우저는 해당 사..

• format_list_bulleted 스터디
• · 2024. 3. 19.
• textsms

[Spring] Security, JWT 개념 정리

1. Security Spring Security는 스프링 하위 프레임워크이며, 인증 및 권한 부여를 담당한다. 이는 무단 접근, 공격, 손상, 또는 정보의 무단 사용으로부터 시스템을 보호하는 것을 목표로 하며, 모든 요청이 인증이 되어야 접근이 가능하다 1) 특징 인증 및 권한 부여 뿐만 아니라 CSRF 보호같은 보안 관련 기능도 제공한다 기본 로그인 폼을 제공한다 메소드 호출에 대한 접근 제어를 할 수 있다 2) 인증 절차 사용자가 로그인 폼에 아이디와 비밀번호를 입력하고 로그인을 요청한다 필터를 통해서 로그인 요청을 확인하고, 아이디와 비밀번호를 추출해서 "Authentication" 객체를 생성한다 생성된 객체로 데이터베이스에서 사용자의 정보를 조회하며 인증 과정을 처리한다 사용자 정보의 자격이 ..

• format_list_bulleted 스터디
• · 2024. 3. 17.
• textsms

[React] 리액트 설치 및 실행하는 방법 + 타입스크립트 버전 설치

1. Node.js 설치 (LTS 버전) https://nodejs.org/en 2. 내가 작업할 폴더 shift + 오른쪽 마우스 눌러서 -> Git Bash 열기 클릭 3. yarn 설치 $ npm install -g yarn 4. create-react-app 설치 $ yarn global add create-react-app 5. 리액트 앱 생성 (기본 버전 및 타입스크립트 버전) $ npx create-react-app // 일반 리액트 프로젝트 $ npx create-react-app --template typescript // 타입스크립트 버전 6. 리액트 앱 실행하기 $ cd $ yarn start 7. 리액트 앱을 실행하면 아래처럼 리액트 인터넷 창이 열린다 🚫 오류 1. 아래와 같은 오..

• format_list_bulleted 스터디
• · 2023. 12. 19.
• textsms

[Network] 네트워크 기초 정리 (1)

✏️ [Network] 네트워크 기초 정리 (1) 1. 네트워크의 구조 1) 컴퓨터 네트워크란? - 두 대 이상이 연결되어 있으면 컴퓨터 간에 필요한 데이터(정보)를 서로 주고받을 수 있다 - 데이터(파일) 전송, 웹 사이트 열람, 메일 송, 수신 등 2. 인터넷이란? - TCP/IP 프로토콜을 사용하는 세계 최대 규모의 네트워크 - 전 세계의 큰 네트워크부터 작은 네트워크까지 연결되어 있다 - 전 세계가 네트워크로 연결되어 있기 때문에 인터넷으로 해외 웹사이트를 볼 수 있다 3. 패킷이란? - 컴퓨터 간에 데이터를 주고 받을 때 네트워크를 통해 전송되는 데이터의 작은 조각 (택배라고 생각하면 된다 ) - 네트워크에서 전송하는 데이터의 기본 단위 - 큰 데이터가 있어도 작게 나눠서 보낸다. 이유는 큰 데..

• format_list_bulleted 스터디
• · 2023. 10. 15.
• textsms

VirtualBox에 설치한 리눅스에 Putty로 접속하는 방법

✏️ VirtualBox에 설치한 리눅스에 Putty로 접속하는 방법 Putty 접속 하기 전 사전 작업 1. VirtualBox 설치, Ubuntu 설치 https://hoducute.tistory.com/135 2. Putty 설치 (SSH, 64-bit x86: putty.exe) https://www.chiark.greenend.org.uk/~sgtatham/putty/latest.html 리눅스에 Putty로 접속하기 1. VirtualBox 도구 -> Network Manager 클릭 2. IPv4 주소를 메모해둔다 3. 우분투 설정 -> 네트워크 -> 어댑터 2 사용하기 체크 -> 호스트 전용 어댑터 선택 4. 우분투를 켜고 ip a를 입력하면 내 아이피 정보를 얻을 수 있다 보통 우분투 서..

• format_list_bulleted 스터디
• · 2023. 10. 13.
• textsms

Virtual Box 설치 + 우분투(Ubuntu) 설치

✏️ Virtual Box 설치 + 우분투(Ubuntu) 설치 리눅스 환경 세팅 전 사전 작업 1. Virtual Box 설치 (VirtualBox-7.0.10-158379-Win.exe) https://www.virtualbox.org/wiki/Downloads 2. ubuntu 설치 (ubuntu-22.04.3-live-server-amd64) https://ubuntu.com/download/server Virtual Box에 우분투 세팅하기 1. Virtual Box를 실행하고 새로 만들기 클릭 2. 내용 입력 후 다음 클릭 3. 본인이 원하는 대로 설정 가능하지만 일단 기본값으로 설정해도 나중에 변경 가능하다 4. 가상디스크 용량 정하기 5. 설정을 끝내면 우분투가 생성이 된다 6. 우분투 설정..

• format_list_bulleted 스터디
• · 2023. 10. 12.
• textsms