본문 바로가기

IT/javascript71

HTTP 쿠키(HTTP cookie)란? HTTP 쿠키는 웹 서버와 클라이언트 간의 상태 정보를 유지하기 위해 사용되는 작은 데이터 조각입니다. 쿠키는 웹 브라우저에 저장되며, 클라이언트가 서버에 요청을 보낼 때마다 쿠키는 자동으로 서버로 전송됩니다. 이를 통해 서버는 클라이언트를 식별하고 클라이언트의 상태를 유지할 수 있습니다. HTTP 쿠키는 주로 다음과 같은 목적으로 사용됩니다. 세션 관리: 쿠키를 사용하여 사용자의 세션을 관리할 수 있습니다. 예를 들어, 로그인 후 사용자를 식별하고 사용자의 로그인 상태를 유지할 수 있습니다. 개인화: 쿠키를 사용하여 사용자에게 맞춤화된 콘텐츠를 제공할 수 있습니다. 사용자의 선호도, 설정, 방문 기록 등을 쿠키에 저장하여 사용자 경험을 향상시킬 수 있습니다. 추적 및 분석: 쿠키를 사용하여 사용자의 활.. 2023. 5. 14.
UUID(Universally Unique Identifier)란? UUID는 Universally Unique Identifier의 약어로, 범용적으로 고유한 식별자를 생성하기 위해 사용되는 128비트 숫자입니다. UUID는 전 세계적으로 유일한 값을 생성하며, 다른 시스템이나 서비스 간에 충돌 없이 식별자를 공유할 수 있도록 보장합니다. UUID는 랜덤성과 유일성을 결합한 값으로, 주로 소프트웨어에서 고유한 식별자가 필요한 경우 사용됩니다. 예를 들어, 데이터베이스의 레코드 식별자, 세션 식별자, 파일 이름, 객체 식별자 등 다양한 용도로 활용됩니다. UUID는 보통 16진수로 표현되며, 32개의 문자로 이루어져 있습니다. 예를 들어, 다음과 같은 형식의 UUID를 볼 수 있습니다: "550e8400-e29b-41d4-a716-446655440000". 이러한 UUI.. 2023. 5. 10.
OAuth(Open Authorization)란? OAuth는 Open Authorization의 약어로, 사용자의 인증 및 인가를 위한 프로토콜입니다. 웹 서비스와 애플리케이션 간에 API를 공유할 수 있도록 하는 보안 인증 기술 중 하나입니다. 이 프로토콜은 사용자가 다른 서비스에서 자신의 데이터를 공유할 수 있도록 허용하는 것과 관련이 있습니다. OAuth는 보안을 유지하면서 웹 애플리케이션과 API 서버 사이에서 사용자 인증 정보를 안전하게 전달하는 것을 목적으로 합니다. 일반적으로 OAuth는 사용자가 자신의 계정 정보(이메일 주소 및 비밀번호)를 직접 공유하지 않아도 인증을 처리할 수 있도록 합니다. 대신, OAuth는 사용자의 계정 정보가 포함된 인증 토큰을 발급하고, 이를 사용하여 API에 접근할 수 있도록 합니다. OAuth는 일반적으로.. 2023. 5. 9.
REST(Representational State Transfer) API 란? REST (Representational State Transfer) API는 웹 서비스를 위한 아키텍처 스타일 중 하나입니다. RESTful API 또는 REST API라고도 불립니다. RESTful API는 클라이언트-서버 모델을 따르며, 각각의 요청이 클라이언트 정보와 서버 정보를 포함합니다. REST API는 HTTP 프로토콜을 기반으로 하며, 자원(Resource)을 HTTP URI로 정의하고 HTTP Method를 통해 자원에 대한 행위(조회, 생성, 수정, 삭제)를 정의합니다. REST API는 다른 아키텍처와 비교하여 장점이 많습니다. 첫째, 간결한 인터페이스를 가지고 있습니다. URI와 HTTP Method만으로 요청을 처리할 수 있어, 단순하면서도 확장성이 높은 API를 만들 수 있습니.. 2023. 5. 8.
자바스크립트 class super JavaScript의 클래스 상속에서 super 키워드는 자식 클래스가 부모 클래스를 참조할 수 있도록 합니다. super를 사용하면 부모 클래스의 생성자 함수를 호출하거나 부모 클래스의 메서드에 접근할 수 있습니다. 이번 글에서는 super 키워드의 역할과 사용법에 대해 자세히 알아보겠습니다. super 키워드란? super는 부모 클래스를 참조하는 키워드입니다. super를 사용하면 부모 클래스의 생성자 함수나 메서드를 호출할 수 있습니다. super를 사용하는 가장 대표적인 경우는 자식 클래스의 생성자 함수에서 부모 클래스의 생성자 함수를 호출하는 것입니다. 이때 super() 함수를 호출합니다. super() 함수를 호출하면 부모 클래스의 생성자 함수가 호출되어 부모 클래스에서 정의한 초기화 작업.. 2023. 4. 24.
자바스크립트 class extends JavaScript 클래스 상속은 객체 지향 프로그래밍의 중요한 개념 중 하나입니다. 클래스 상속을 이용하면 이미 존재하는 클래스에서 속성과 메소드를 상속받아 새로운 클래스를 만들 수 있습니다. JavaScript에서는 extends 키워드를 사용하여 클래스를 상속하며, 이를 이용하면 코드의 재사용성이 높아지고 유지보수성이 향상됩니다. 클래스 상속이란? JavaScript 클래스 상속은 한 클래스가 다른 클래스로부터 속성과 메소드를 물려받아 새로운 클래스를 생성하는 것을 의미합니다. 이를 통해 기존 클래스의 코드를 재사용하여 새로운 클래스를 만들 수 있습니다. 이러한 상속 구조를 통해 코드의 중복성을 줄이고 코드의 가독성과 유지보수성을 향상시킬 수 있습니다. extends 키워드 JavaScript에서는.. 2023. 4. 24.
자바스크립트 클래스(Class) 자바스크립트에서 클래스는 ES6에서 새로 도입된 개념으로, 객체 지향 프로그래밍 패러다임에서 클래스를 구현하기 위한 방법을 제공합니다. 클래스를 이용하면 객체를 생성할 때 일반적으로 사용되는 생성자 함수와 프로토타입을 조합하여 작성되는 코드를 간결하게 작성할 수 있습니다. 클래스 정의 자바스크립트에서 클래스를 정의하는 방법은 다음과 같습니다. javascript class MyClass { constructor(prop1, prop2) { this.prop1 = prop1; this.prop2 = prop2; } method1() { // code } method2() { // code } } 위 코드에서 MyClass는 클래스 이름이며, constructor는 클래스 생성 시 호출되는 생성자 함수입니다.. 2023. 4. 21.
자바스크립트 생성자 함수(Constructor Function) 자바스크립트에서 객체를 생성하는 방법에는 생성자 함수를 이용하는 방법이 있습니다. 생성자 함수란 일반적인 함수와 마찬가지로 동작하지만, 객체를 생성할 때 사용됩니다. 생성자 함수는 new 연산자와 함께 사용되며, 객체를 생성할 때마다 생성자 함수를 호출하여 객체를 초기화합니다. 생성자 함수는 함수 선언문, 함수 표현식, 화살표 함수 등 여러가지 형태로 정의할 수 있습니다. 일반적으로 생성자 함수의 이름은 첫 글자를 대문자로 작성하여 구분합니다. 생성자 함수 내부에서는 this 키워드를 사용하여 새로운 객체를 가리킵니다. this를 이용하여 객체의 프로퍼티와 메서드를 정의할 수 있습니다. 생성자 함수 내부에서는 일반 함수와 마찬가지로 매개변수를 사용할 수 있습니다. 사용법 예를 들어, 다음과 같이 Pers.. 2023. 4. 20.

티스토리툴바