본문 바로가기
반응형

WebDev/CS & 자료구조14

웹의 쿠키와 스토리지에 대해 알아보자 쿠키(Cookie)웹 개발을 하다 보면 쿠키(Cookie)를 자주 사용하게 되는데 쿠키는 클라이언트 측에 데이터를 저장할 수 있는 간단한 방법으로, 사용자 세션 관리, 사용자 환경 설정 저장 등에 많이 사용됨이번 글에서는 쿠키의 기본 개념을 알아보겠습니다!쿠키의 기본 개념쿠키는 작은 데이터 파일로, 웹 브라우저를 통해 클라이언트에 저장됨서버는 쿠키를 통해 클라이언트의 상태 정보를 저장하고, 이를 활용할 수 있다쿠키의 주요 특징도메인 단위로 저장쿠키는 특정 도메인에 대해 저장되며, 동일 도메인 내에서만 접근 가능사이트당 최대 20개 및 4KB로 제한표준안 기준으로, 한 사이트당 최대 20개의 쿠키를 저장, 각 쿠키의 크기는 4KB를 초과할 수 없음영구 저장 불가능쿠키는 영구 저장이 불가능하며, 만료 날짜를.. 2024. 7. 9.
DataBase 개념 정리 회사 프로젝트 중 이제는 데이터베이스에 대한 개념도 알아가야 할 것 같아서 정리하는 주니어 SAHA입니다.! 1. 데이터베이스(Database) 데이터베이스는 관련성 있는 데이터의 집합 데이터는 구조화되어 있어서 쉽게 접근하고 관리 가능 ex) 대학교 데이터베이스는 학생들의 이름, 학번, 전공, 성적 등의 정보를 포함 이를 통해서 학생의 성적 조회, 수강 신청 등의 서비스를 제공 2. DBMS(Database Management System) DBMS는 데이터베이스를 관리하는 시스템 사용자와 데이터베이스 사이에서 사용자의 요구에 따라 정보를 생성 DBMS의 주요 기능은 데이터의 정의, 입력, 조작 및 제어 DBMS주요 기능 데이터 정의(Data Definition) DBMS는 사용자가 데이터베이스를 정의.. 2024. 2. 1.
포트포워딩 / IP 실시간 RTSP프로토콜로 카메라를 연결하는 것은 성공했고 이제 직접 연결이 아닌 원격으로도 연결을 해야 했기에 회사 라우터를 공부하며 포트포워딩을 적용 시킨 사례를 정리 하고자 함 비전공이었지만 그래도 cs공부는 천천히 하고 있었는데 IP개념이 너무 헷갈려서 조금 오래 걸렸던것 같음.. 그래서 IP정리하고 포트포워딩 정리해보고자 함 IP주소 IP주소(Internet Protocol Address)는 인터넷 프로토콜(IP)에 따라, 컴퓨터나 네트워크 장치에 부여되는 고유한 주소를 의미 함. IP주소는 인터넷 상의 장치들이 서로 정보를 주고받을 때, 정보가 정확한 목적지에 도달하도록 안내하는 역할을 한다. IP주소는 크게 IPv4와 IPv6 두 가지 방식이 있음 IPv4 전 세계에서 가장 널리 사용되는 IP.. 2023. 12. 22.
스키마란(schema)? 넥스트 공부 중에 prisma / postgresQL을 사용하면서 데이터베이스에 대한 무지로 인해 천천히 공부중에 있습니다...ㅠㅠ! schema 스키마(schema)는 데이터베이스의 구조와 제약 조건 테이블, 뷰, 인덱스, 함수 등과 같은 데이터베이스 객체들이 어떻게 구성되어 있는지, 어떤 데이터 타입을 가지는지, 어떤 관계를 가지는지 등을 정의한 것 스키마는 데이터베이스의 청사진이라고 할 수 있는데, ex) '학생'이라는 테이블을 만든다고 가정한다면 테이블에는 '학번', '이름', '전공', '학년' 등의 칼럼이 있을 수 있음 이런 테이블의 구조를 정의하는 것이 바로 스키마!!! CREATE TABLE 학생 ( 학번 INT PRIMARY KEY, 이름 VARCHAR(100), 전공 VARCHAR(1.. 2023. 11. 28.
라우팅이란? 프론트엔드 라우팅 (클라이언트 사이드 라우팅) 프론트엔드 라우팅은 주로 Single Page Application (SPA)에서 사용되는 기술 SPA는 단일 HTML 페이지에서 JavaScript를 사용하여 동적으로 페이지를 바꾸는 방식 서버로부터 새로운 페이지를 로드하는 대신, 필요한 데이터만을 요청하여 브라우저에서 페이지를 갱신 페이지 전환 시에 페이지를 새로 로딩하지 않아도 되므로 사용자 경험이 향상 프론트엔드 라우팅은 URL의 변화를 감지하고 적절한 JavaScript 함수나 컴포넌트를 실행하여 페이지를 갱신 EX) React에서는 'react-router'라는 라이브러리를 사용하여 프론트엔드 라우팅을 수행 / react-router 라이브러리는 주소에 따라 다른 컴포넌트를 렌더링하도록 설정 아직.. 2023. 11. 15.
프론트엔드 아키텍처 아키텍처와 디자인 패턴의 이해 아키텍처와 디자인 패턴의 개념 아키텍처는 소프트웨어 시스템의 전반적인 구조와 구성 요소를 정의하는 설계 원칙과 가이드라인들. 디자인 패턴은 이러한 아키텍처 내에서 특정 문제를 해결하는 데 사용되는 검증된 솔루션. 아키텍처와 디자인 패턴은 서로 보완적인 개념으로, 효율적인 코드 구조를 설계하고 구현하는 데 함께 사용 프론트엔드 아키텍처와 디자인 패턴 MVC (Model-View-Controller, 아키텍처/디자인 패턴) 애플리케이션을 Model(데이터), View(사용자 인터페이스), Controller(데이터와 인터페이스 사이의 연결) 세 부분으로 분리합니다. MVVM (Model-View-ViewModel, 아키텍처/디자인 패턴) MVC와 비슷하지만, ViewModel이.. 2023. 11. 14.
반응형