분류 전체보기

1.flaskPython으로 작성된 경량 웹 프레임워크간단한 애플리케이션이나 프로토타입을 빠르게 개발할 때 많이 사용된다.(대규모 애플리케이션 또는 고성능 API에는 부적합하다.)   2.Flask  vs FastAPIFlask 는 2010년도에 나왔고 FastAPI는 2018년도에 출시되었다. 때문에 최신 기술과 고성능 API가 필요한 프로젝트에는 Flask 보다는 FastAPI를 기용하는것이 더 좋을것이다.Flask는 다른 프레임워크에 비해 기본 제공 기능이 적기때문에 간단한 프로젝트나 빠르게 프로토타입을 제작할때 사용할수있다.

1.Errorboundary 발생하는 예외를 관리하고, 앱이 충돌하지 않도록 도와주는 컴포넌트Error Boundary 컴포넌트는 앱의 트리 하위에서 에러가 발생했을 때 사용자에게 대체 UI를 제공한다.  import React, { Component, ErrorInfo } from 'react';// 상태 타입 정의interface ErrorBoundaryState { hasError: boolean;}// 속성 타입 정의interface ErrorBoundaryProps { children: React.ReactNode; // ErrorBoundary 안에 들어갈 컴포넌트 자식 요소}class ErrorBoundary extends Component { constructor(props: Err..

1.Lazy컴포넌트를 비동기적으로 로딩할 수 있게 해준다.const 컴포넌트 = React.lazy(() => import('./컴포넌트'));   2.Suspense비동기 작업을 다룰 때 사용자 경험을 향상시키기 위해 사용되는 React 기능비동기 작업이 진행 중일 때 컴포넌트를 일시적으로 잠금 상태로 전환하고, 사용자에게 로딩 상태를 제공하는 데 사용한다.Loading...}>

1.비디오 열기# 비디오 파일 열기capture = cv2.VideoCapture("./img/test.mp4")fourcc = cv2.VideoWriter_fourcc(*'XVID')    2.비디오 무한재생if capture.get(cv2.CAP_PROP_POS_FRAMES) == capture.get(cv2.CAP_PROP_FRAME_COUNT): capture.open("./img/test.mp4")    3.캡처cv2.imwrite("./img" + str(now) + ".png", frame)   4.녹화#시작video_writer = cv2.VideoWriter("D:/" + str(now) + ".avi", fourcc, 20.0, (frame.shape[1], frame.sh..

1.HSV(Hue, Saturation, Value)색상(Hue) 0°: 빨강 60°: 노랑 120°: 초록 180°: 청록 240°: 파랑 300°: 보라채도(Saturation) 0%: 완전히 무채색(회색) 100%: 가장 선명한 색 명도(Value) 0%: 완전한 검정 100%: 가장 밝은 색     BGR에서 HSV로 변경img = cv2.resize(img, dsize=(width//4, height//4), interpolation=cv2.INTER_AREA)img2 = cv2.cvtColor(img, cv2.COLOR_BGR2HSV)     HSV 분리#HSV 변경img2 = cv2.cvtColor(img, cv2.COLOR_BGR2HSV)#HSV 분리imgh, imgs, imgv = cv2..

1.쿠키 위변조(Cookie Tampering)사용자가 웹 브라우저에 저장된 쿠키 값을 변경하거나 악의적으로 수정하는 공격이다.세션 ID나 인증 토큰을 바꾸거나, 사용자 데이터에 임의 값을 삽입하는 식으로 조작할 수 있다.    개발자 도구로 username 토큰을 admin으로 설정하는 위변조   이런식으로 XSS로 쿠키를 탈취해갈수도있다..  2.세션 위변조(Session Tampering)사용자가 웹 애플리케이션의 세션 데이터를 조작하여, 사용자의 인증 정보나 상태를 악의적으로 변경하는 공격  세션아이디가 탈취당하면 사용자의 계정이 그대로 탈취당할수있다..

1.Same Origin Policy (SOP)브라우저가 다른 출처(origin)의 리소스에 접근할 수 있는 방식을 제한하는 정책이다.SOP는 브라우저가 하나의 출처의 리소스(예: HTML, CSS, JavaScript 등)에 접근할 때 동일한 출처의 리소스만 접근할 수 있도록 제한한다.https://example.com과 https://another.com은 서로 다른 출처이므로, 한 출처의 리소스를 다른 출처에서 접근할 수 없다.    2.Origin을 판단하는 요소2-1.프로토콜 (Protocol)http://, https:// 등   2-2.도메인 (Domain)도메인은 URL의 중간 부분이다.example.com, subdomain.example.com   2-3.포트 (Port)http://e..

1.WS(Web Server)클라이언트(주로 브라우저)의 HTTP 요청을 받아 정적 콘텐츠(HTML, CSS, JavaScript, 이미지)를 제공하는 서버.(Apache HTTP Server, NGINX)    2.WAS(Web Application Server)클라이언트 요청을 받아 동적 콘텐츠 생성 및 비즈니스 로직 실행을 담당하며, 데이터베이스와 통신하여 요청에 맞는 결과를 반환하는 서버(Tomcat, JBoss, WebLogic)   Client → Web Server (WS) → Web Application Server (WAS) → Web Server (WS) → Client Client가 웹 서버에 요청을 보냄Web Server가 정적 콘텐츠를 처리하거나 동적 요청을 WAS로 전달WAS에서..