기초 지식 7

인증(인증, Authentication)과 인가(권한 부여, Authorization)

인증 (Authentication)과 인가 (Authorization)란?정보 보안 분야에서 자주 등장하는 두 가지 개념이다.이 두 개념은 시스템 보안의 핵심을 이루며, 사용자와 시스템 간의 상호작용에서 중요한 역할을 한다.   인증 (Authentication)란 무엇인가? 인증이란 사용자가 누구인지 확인하는 과정이다.이는 시스템이 사용자의 신원을 확인하여 시스템에 접근할 수 있는 자격이 있는지 판단한다.사용자 이름과 비밀번호: 가장 일반적인 인증 방법으로, 사용자가 웹사이트에 로그인하기 위해 ID와 PW를 입력생체 인식: 지문, 얼굴, 홍채 인식 등 사용자의 생체 정보를 이용한 인증일회용 코드: 이메일이나 SMS로 전송된 코드, 또는 인증 애플리케이션에서 생성된 코드  인가 (Authorization..

기초 지식 2024.08.07

npm, package.json, node_modules 는 무엇일까?

npm이란? npm(Node Package Manager)은 Node.js 환경에서 사용하는 패키지 관리자이다.패키지 관리자는 소프트웨어 패키지(모듈)를 쉽게 설치하고 관리할 수 있도록 도와주는 도구를 말한다.npm을 사용하면 자바스크립트 애플리케이션을 개발할 때 필요한 다양한 오픈 소스 라이브러리와 도구를 쉽게 설치하고 관리할 수 있다.Node.js를 설치하면 npm도 함께 설치된다.   Node.js와 패키지 Node.js: 서버 측에서 JavaScript를 실행할 수 있게 해주는 런타임 환경이다.즉, 브라우저가 아닌 서버에서도 JavaScript 코드를 실행할 수 있게 해 준다. 패키지: 특정 기능을 수행하는 코드 묶음이다.예를 들어, 데이터베이스에 연결하거나 파일 시스템을 조작하는 기능을 제공하..

기초 지식 2024.08.01

쿼리 스트링(Query String)이란?

쿼리 스트링(Query String)이란?쿼리 스트링은 웹 페이지의 URL에서 정보를 전달하기 위해 사용하는 일종의 '문자열'이다.쉽게 말해, 웹 주소(URL)의 일부로, 웹 서버에 전달할 추가적인 데이터를 포함하는 방법이다. URL의 끝에 붙여서 파라미터와 값을 전달할 때 사용한다.   쿼리 스트링의 구성 요소 http://example.com/page?key1=value1&key2=value2여기서 ?는 쿼리 스트링의 시작을 나타내고, &는 여러 파라미터를 구분하는 데 사용된다.  기본 URL 쿼리 스트링이 붙기 전의 URL 부분. 예) https://example.com/page 물음표(?) 쿼리 스트링의 시작을 나타낸다. 파라미터데이터의 키-값 쌍이다. 예) parameter1=value1과 같은..

기초 지식 2024.07.31

HTTP 상태 코드 정리

HTTP 상태 코드란?클라이언트는 웹 브라우저나 앱을 통해 서버에 요청을 보내고,서버는 그 요청에 대해 적절한 응답을 보내는데, 이 응답의 상태를 HTTP 상태 코드로 전달한다.HTTP 상태 코드는 3자리 숫자로 구성되며, 이 숫자는 응답의 상태를 나타낸다.응답은 5개의 그룹으로 나뉜다.  1xx (정보 응답)  요청이 수신되었으며 처리 중이라는 정보를 제공 2xx (성공 응답) 요청이 성공적으로 처리되었음을 나타냄 3xx (리디렉션 메세지) 요청을 완료하기 위해 추가 작업이 필요함을 나타냄 4xx (클라이언트 오류 응답) 요청에 오류가 있어 서버가 요청을 처리할 수 없음을 나타냄 5xx (서버 오류 응답)서버가 요청을 처리하는 동안 오류가 발생했음을 나타냄   1xx (정보 응답)1xx 상태 코드는 요..

기초 지식 2024.07.31

HTTP란? / HTTP와 HTTPS

HTTP란?HTTP(Hypertext Transfer Protocol)는 웹에서 정보를 주고받기 위한 통신 규약이다.웹 브라우저와 웹 서버 간에 데이터를 전송할 때 사용하는 규칙을 정해 놓은 것.간단히 말해, 웹사이트를 보고 싶을 때 HTTP는 웹 페이지를 요청하고, 서버에서 그 페이지를 보내주는 방법을 정의한다.   HTTP의 기본 구조HTTP는 요청(request)과 응답(response)으로 이루어진다.이를 통해 클라이언트와 서버 간에 정보를 주고받는다. 클라이언트웹 브라우저나 앱과 같이 서버에 정보를 요청하는 역할을 하는  장치, 프로그램을 말한다. 서버  클라이언트의 요청을 받아 적절한 정보를 제공하는 역할을 하는 시스템이다. 서버는 웹 서버, 데이터베이스 서버, 파일 서버 등 다양한 형태로 존..

기초 지식 2024.07.31

Web API란? (엔드포인트, 메서드: GET, POST, PUT, DELETE, 헤더, 바디)

API란? API(Application Programming Interface)란,쉽게 말해, 소프트웨어끼리 서로 대화할 수 있도록 도와주는 규칙이나 방법이라고 생각하면 된다.  Web API란? Web API는 인터넷을 통해 데이터를 주고받기 위해 사용되는 API다.웹사이트나 앱이 서버와 정보를 교환할 수 있게 해 준다.   Web API의 작동 방식 요청(Request)예를 들어, 앱에서 "피자 하나 주문할게요"라고 버튼을 누르면, 음식 배달 앱이 레스토랑의 서버에 이 주문 정보를 보낸다. 이 과정이 요청이다.Web API에서는 클라이언트(예: 당신의 앱)가 서버(예: 웹사이트)에게 특정 데이터를 요청하거나 작업을 수행하라고 지시한다. 처리(Processing) 레스토랑의 서버는 주문 정보를 받고,..

기초 지식 2024.07.31

[HTML/CSS] 메타<meta> 태그 종류 & 사용법

태그는 해당 문서에 대한 정보를 검색 엔진에 제공하는 요소입니다. 요소는 언제나 요소 내부에 위치해야 합니다. 만약 name 속성이나 http-equiv 속성이 명시되었다면 반드시 content 속성도 함께 명시되어야 하며, 반대로 두 속성이 명시되지 않았다면 content 속성 또한 명시될 수 없습니다. HTML5에서는 요소를 통해 웹 페이지에서 사용자가 볼 수 있는 영역인 뷰포트(viewport)를 제어할 수 있도록 name 속성에 viewport 속성값을 제공하고 있습니다. http-equiv="항목명"웹 브라우저가 서버에 명령을 내리는 속성으로name 속성을 대신해 사용할 수 있으며HTML 문서가 응답 헤더와 함께 웹 서버로부터 웹 브라우저에 전송되었을 때에만 의미를 가집니다. content=..

기초 지식 2023.08.22