단순용어정리/web (9) 썸네일형 리스트형 [단순용어] 가용성 | 시스템이 정상적으로 작동 가능한 비율 가용성이란? 가용성은 시스템이 정상적으로 작동할 수 있는 비율을 의미한다. 예를 들어, 웹사이트의 가용성이 99.99%라면, 1년 동안 26.3일 동안만 장애가 발생한다는 의미이다(가용성 구하기는 하단에서 구하고 있음). 쉽게 설명하자면, 가용성은 시스템이 멈추지 않고 돌아가는 비율이라고 할 수 있다. 현실적으로 100% 가용성은 불가능하지만, 가용성을 높이기 위해 노력하면 시스템의 안정성과 신뢰성을 높일 수 있다. 흔히, 대기업 채용에서 대용량 트래픽을 안정적으로 처리한 경험 등을 고려하는 것도 결국 대규모 서비스가 365일 내내 정상적으로 운영되도록 하기 위한 즉, 가용성을 높이기 위한 노력을 해왔는지 알아보기 위해서라고 할 수 있다. 그리고 우리가 애플리케이션을 개발 할 때 예외처리를 잘해야 하는 .. [ 간단 정리] HTTP 요청에서 withCredentials or credentials 옵션에 관한 정리 withCredentials 서로 다른 도메인 간에 쿠키와 같은 인증 정보를 전송할 수 있도록 해주는 옵션 withCredentials 옵션은 웹 브라우저에서 XMLHttpRequest 또는 Axios, Fetch API를 사용하여 서버로 HTTP 요청을 보낼 때 사용되는 옵션입니다. 이 옵션은 주로 Cross-Origin 요청 시 보안 및 인증 관련 상황에서 활용됩니다. Cross-Origin 요청은 웹 페이지의 도메인이 다른 서버로 HTTP 요청을 보내는 것을 말합니다. 브라우저는 보안상의 이유로 기본적으로 Cross-Origin 요청에서는 다른 도메인으로 쿠키와 같은 인증 정보를 포함시키지 않습니다. 이것은 외부 사이트가 사용자의 개인 정보를 가져가는 것을 방지하기 위한 보안 조치입니다. 하지만 때.. [간단 정리] 스크린 리더과 시멘틱 웹 스크린 리더(Screen Reader) 스크린 리더(Screen Reader)는 시각적으로 표시되는 컴퓨터 화면의 내용을 읽어주는 소프트웨어입니다. 주로 시각 장애가 있는 사용자들이 컴퓨터를 사용할 수 있도록 도와주는 보조 기술 중 하나입니다. 스크린 리더는 텍스트, 이미지, 버튼, 폼 등의 웹 페이지 내용을 읽어주고, 사용자들이 해당 컨텐츠와 상호작용할 수 있도록 지원합니다. 사용자들은 스크린 리더를 통해 화면의 내용을 듣고, 키보드 또는 다른 입력 장치를 통해 컨텐츠에 접근하고 조작할 수 있습니다. 보통 html 로 작업하다보면 onclick 이벤트를 button 태그가 아닌 span 이나 div와 같은 의미 없는 요소에 적용하는 경우가 많은데, 스크린 리더는 그럼에도 불구하고, 각 태그에 어떤 이벤.. [단순용어] httpOnly httpOnly httpOnly 옵션은 쿠키에 대한 보안 옵션 중 하나입니다. 이 옵션을 적용하면 브라우저에서 쿠키를 접근할 수 있는 영역을 제한하여 보안성을 강화합니다. 일반적으로 쿠키는 브라우저에서 사용자가 웹사이트를 방문할 때 생성되며, 서버 측에서 데이터를 저장하고 클라이언트 측에서 접근하여 사용합니다. 그러나 쿠키는 JavaScript를 통해 접근할 수 있으므로, 악성 코드가 삽입되어 쿠키를 탈취할 수 있는 위험이 있습니다. 이 때문에, httpOnly 옵션을 적용하면 쿠키를 브라우저에서만 접근할 수 있도록 제한하므로, 악성 코드가 쿠키를 탈취하는 것을 방지할 수 있습니다. 이러한 보안적인 이유로, httpOnly 옵션은 보통 중요한 정보를 저장하는 쿠키에 적용됩니다. [단순용어] REST/URI/URL /REST 인터페이스 규칙 /리소스의 상태전이 REST REST란 REpresentational State Transfer의 약자로, 인터넷의 아키텍처 원리 중 하나입니다. REST는 웹 서비스를 구현하기 위한 아키텍처 스타일로, 클라이언트와 서버 간의 통신을 위한 규칙을 제공합니다. 이 규칙은 HTTP 프로토콜에 기반하며, 자원(Resource)의 상태(State)를 나타내는 표현(Representation)을 전송하는 것을 중심으로 이루어집니다. REST는 네트워크 아키텍처를 간단하게 만들어주는 장점이 있습니다. REST API는 클라이언트와 서버 간의 상호작용을 가능하게 하며, 다양한 클라이언트와 서버에서 동작할 수 있도록 플랫폼과 언어에 독립적입니다. 또한 REST API는 CRUD(Create, Read, Update, Delete) 기능을.. [단순용어] ReactJS 와 NextJS ReactJS 와 NextJS React와 Next.js는 모두 JavaScript 기반의 웹 프론트엔드 개발 도구입니다. React는 자바스크립트 라이브러리로, Next.js는 React를 기반으로한 프레임워크입니다. 이 둘의 가장 큰 차이점은 다음과 같습니다. Routing 및 SSR: React는 클라이언트 측 라우팅을 기본적으로 제공하며, 서버 사이드 렌더링(SSR)을 구현하려면 추가적인 설정이 필요합니다. 반면, Next.js는 서버 사이드 렌더링을 지원하며, 라우팅도 내장되어 있습니다. 따라서 Next.js를 사용하면 보다 쉽게 SSR을 구현할 수 있으며, 검색 엔진 최적화(SEO)를 향상시킬 수 있습니다. 파일 시스템 기반 라우팅: Next.js는 파일 시스템 기반 라우팅을 사용합니다. 이는.. [단순용어] CORS 와 Access-Control-Allow-Origin CORS (Cross-Origin Resource Sharing) CORS (Cross-Origin Resource Sharing)는 웹 브라우저에서 실행되는 스크립트가 다른 도메인의 자원에 접근할 수 있는 권한을 부여하는 보안 기능입니다. 일반적으로 웹 브라우저에서는 동일한 도메인에서 실행되는 스크립트만 다룰 수 있습니다. 하지만 때로는 다른 도메인의 자원에 접근해야 하는 경우가 있습니다. 이 경우 웹 브라우저에서는 보안 상의 이유로 이를 차단합니다. CORS는 이러한 보안상의 이유로 인해 다른 도메인의 자원에 접근하는 것을 허용하기 위한 규약을 제공합니다. CORS는 HTTP 헤더를 사용하여 도메인 간 자원 공유를 제어합니다. 서버는 *Access-Control-Allow-Origin 헤더를 사용하여.. [단순용어] 자바스크립트에서 함수형 프로그래밍의 정의/장점/단점 함수형 프로그래밍이란? 프로그램을 함수들의 집합으로 생각하고 이러한 함수들을 조합하여 프로그램을 작성하는 프로그래밍 패러다임입니다. 함수형 프로그래밍의 예 위의 코드에서 square() 함수는 입력값 x에 대한 출력값만을 반환하므로 순수 함수입니다. add() 함수는 함수를 반환하는 고차 함수로서, 함수형 프로그래밍에서는 자주 사용됩니다. filter() 함수와 map() 함수는 배열을 다루는 함수 중에서 가장 자주 사용되며, reduce() 함수는 배열의 값을 하나의 값으로 축약하는 데 자주 사용됩니다. 이러한 함수들은 부작용이 없는 순수 함수로 구현되어 있어, 함수형 프로그래밍에서 주로 사용됩니다. // 순수 함수 예시 function square(x) { return x * x; } // 고차 함수.. 이전 1 2 다음