자동 seo 컨설팅 받으러가기

Prisma

by 넥스트티
2024-12-23

목차

Prisma란?

Prisma의 정의

Prisma는 현대 웹 애플리케이션의 데이터베이스 접근을 단순화하고 최적화하기 위한 ORM(Object-Relational Mapping) 도구이다. 이 도구는 개발자가 데이터베이스와 상호작용할 때 코드의 가독성과 유지 보수성을 높여준다. Prisma는 TypeScript와 JavaScript를 활용하여 데이터베이스 쿼리를 작성할 수 있도록 하며, 개발자가 SQL과 같은 데이터베이스 쿼리 언어에 대한 깊은 이해 없이도 효율적으로 작업할 수 있게 한다. Prisma는 데이터 모델링을 위한 스키마 파일을 사용하여 데이터베이스 구조를 정의하고 관리하는 방식으로 작동한다. 이러한 스키마 파일은 데이터베이스 테이블과 관계를 명확히 표현할 수 있도록 도와준다. Prisma는 또한 다양한 데이터베이스 시스템을 지원하여, 사용자가 필요에 따라 원하는 데이터베이스를 선택할 수 있는 유연성을 제공한다. 이 도구는 데이터베이스에 대한 CRUD(Create, Read, Update, Delete) 작업을 쉽게 수행할 수 있도록 다양한 API를 제공하며, 이를 통해 개발자는 더욱 생산적으로 작업할 수 있다. 예를 들어, 간단한 HTML 폼을 통해 사용자 정보를 입력받아 데이터베이스에 저장하는 기능을 구현할 수 있다. 다음은 데이터 입력을 위한 기본적인 HTML 코드 예제이다. <form action=’submit’ method=’post’> <input type=’text’ name=’username’ placeholder=’사용자 이름’ required> <input type=’submit’ value=’전송’> </form> 이러한 방식으로 Prisma는 데이터베이스와의 연계를 간소화하며, 개발자에게 더욱 직관적인 개발 환경을 제공한다.

Prisma의 역사

Prisma는 2016년에 처음 발표되었으며, 당시 오픈 소스 데이터베이스 도구로서 개발자들이 데이터베이스와의 상호작용을 보다 쉽게 할 수 있도록 설계되었다. Prisma의 초기 버전은 GraphQL API와의 통합을 지원하는 ORM(Object Relational Mapping) 기능에 중점을 두었다. 이후 2019년에 Prisma 2가 출시되면서, 더 많은 데이터베이스를 지원하고 다양한 기능이 추가되었다. 이 버전에서는 Prisma 스키마 정의 언어를 통해 데이터 모델을 정의할 수 있는 기능이 도입되었다. 또한, Prisma 클라이언트를 통해 데이터베이스와의 CRUD 작업을 보다 직관적으로 수행할 수 있도록 개선되었다. Prisma는 사용자가 데이터베이스 스키마를 쉽게 정의하고, 데이터베이스와의 상호작용을 간소화할 수 있는 기능을 제공함으로써, 개발자들의 생산성을 크게 향상시키는 데 기여하였다. 이러한 발전은 지속적인 커뮤니티의 지원과 피드백을 기반으로 이루어진 것으로, Prisma는 현재도 활발한 업데이트와 개선이 이루어지고 있다. 현대 웹 애플리케이션의 요구에 부응하기 위해, Prisma는 다양한 데이터베이스와의 통합을 지원하며, 특히 RESTful API나 GraphQL과 같은 현대적인 API 아키텍처와의 연계에서 강력한 성능을 발휘한다. 이와 같은 발전은 Prisma가 데이터베이스와의 연계를 더욱 매끄럽고 효율적으로 만들기 위한 지속적인 노력의 결과이다.

Prisma의 주요 기능

Prisma는 데이터베이스와의 상호작용을 간소화하고, 개발자들이 보다 효율적으로 작업할 수 있도록 돕는 여러 가지 주요 기능을 제공한다. 첫째, Prisma는 ORM 기능을 통해 데이터베이스 모델을 코드로 쉽게 정의할 수 있는 기능을 제공한다. 이를 통해 개발자는 데이터베이스 스키마를 Prisma 스키마 파일에 정의하고, 이를 바탕으로 자동으로 클라이언트를 생성할 수 있다. 둘째, Prisma 클라이언트는 강력한 쿼리 빌더를 제공하여, 복잡한 쿼리를 쉽고 직관적으로 작성할 수 있도록 한다. 이 클라이언트를 통해 데이터베이스에 대한 CRUD(Create, Read, Update, Delete) 작업을 수행하는 것이 용이하다. 셋째, Prisma는 다양한 데이터베이스를 지원하며, 이를 통해 개발자는 특정 데이터베이스에 종속되지 않고 유연하게 시스템을 구축할 수 있다. 넷째, Prisma는 데이터베이스 마이그레이션 기능을 통해 스키마 변경을 쉽게 관리할 수 있는 도구를 제공한다. 이러한 기능은 데이터베이스의 변화를 추적하고, 이를 안전하게 적용하는 데 도움을 준다. 마지막으로, Prisma는 GraphQL 및 RESTful API와의 통합을 지원하여, 현대 웹 애플리케이션의 요구에 부응하는 강력한 성능을 발휘한다. 이처럼, Prisma는 다양한 기능을 통해 개발자들이 데이터베이스와의 상호작용을 보다 효율적으로 수행할 수 있도록 지원한다.

Prisma 설치 및 설정

Prisma 설치 방법

Prisma를 설치하기 위해서는 먼저 Node.js와 npm이 설치되어 있어야 한다. Node.js는 JavaScript 런타임 환경으로, npm은 Node.js 패키지 관리자로 사용된다. 이 두 가지가 설치되어 있다면, 터미널 또는 명령 프롬프트를 열고 다음 명령어를 입력하여 Prisma CLI를 설치할 수 있다. npm install @prisma/cli --save-dev 명령어를 사용하면, 개발 의존성에 Prisma CLI가 추가된다. 설치가 완료된 후, 프로젝트의 루트 디렉토리에서 npx prisma init 명령어를 실행하여 Prisma 초기 설정을 할 수 있다. 이 명령어는 Prisma 설정 파일과 기본 폴더 구조를 생성한다. 생성된 Prisma 폴더 안에는 schema.prisma 파일이 포함되어 있으며, 이 파일에서 데이터 모델을 정의할 수 있다. 각 데이터 모델은 데이터베이스 스키마의 구조를 결정하므로 신중하게 작성해야 한다. 이후, 데이터베이스 연결을 설정하기 위해 schema.prisma 파일 내의 datasource 블록을 수정한다. 예를 들어, PostgreSQL 데이터베이스를 사용할 경우 다음과 같이 설정할 수 있다. datasource db { provider = 'postgresql' url = 'postgresql://user:password@localhost:5432/mydb' } 이와 같이 Prisma를 설치하고 설정한 후, 데이터베이스와의 연결을 통해 다양한 데이터베이스 작업을 수행할 수 있다.

Prisma 스키마 파일 작성

Prisma 스키마 파일은 데이터베이스의 구조를 정의하는 중요한 역할을 한다. 이 파일을 통해 데이터 모델, 필드, 관계 및 제약 조건을 설정할 수 있다. Prisma의 스키마 파일은 일반적으로 schema.prisma라는 이름으로 저장되며, Prisma CLI 도구를 사용하여 생성할 수 있다. 스키마 파일의 기본 구조는 datasource와 generator 블록으로 나뉜다. datasource 블록은 데이터베이스 연결 정보를 포함하고, generator 블록은 Prisma 클라이언트를 생성하는 정보를 포함한다. 예를 들어, 다음과 같이 작성할 수 있다. <datasource db> <provider ‘postgresql’> <url ‘postgresql://user:password@localhost:5432/mydb’> </datasource> 데이터 모델은 model 키워드를 사용하여 정의하며, 각 모델은 데이터베이스 테이블에 매핑된다. 예를 들어, 사용자 정보를 저장하는 User 모델은 다음과 같이 정의할 수 있다. <model User> <id Int @id @default(autoincrement())> <name String> <email String @unique> </model> 이와 같이 Prisma 스키마 파일을 작성함으로써 데이터베이스 구조를 명확하게 정의하고, 이를 바탕으로 클라이언트를 통해 데이터베이스와 상호작용할 수 있게 된다. 또한, 스키마 파일은 변경 사항을 반영하여 데이터베이스 마이그레이션을 수행하는 데에도 사용된다.

Prisma 클라이언트 설정

Prisma 클라이언트를 설정하기 위해서는 먼저 Prisma 스키마 파일을 작성해야 한다. 이 파일은 데이터베이스 모델을 정의하며, 클라이언트가 데이터베이스와 상호작용하는 데 필요한 구조를 제공한다. 스키마 파일 작성이 완료되면, Prisma 클라이언트를 설치하고 설정하는 과정이 필요하다. 이는 NPM을 사용하여 간단히 수행할 수 있으며, 다음과 같은 명령어를 사용할 수 있다.
<code>npm install @prisma/client</code> 이 명령어는 Prisma 클라이언트를 설치하며, 이를 통해 데이터베이스와의 CRUD(Create, Read, Update, Delete) 작업을 수행할 수 있다.
설치 후, 클라이언트를 설정하기 위해서는 Prisma 스키마 파일을 기반으로 클라이언트를 초기화해야 한다. 다음과 같은 코드로 클라이언트를 설정할 수 있다.
<code>const { PrismaClient } = require(‘@prisma/client’);
const prisma = new PrismaClient();</code>이 코드에서 PrismaClient를 임포트하고, 새로운 PrismaClient 인스턴스를 생성함으로써 데이터베이스에 대한 연결을 설정한다. 이제 `prisma` 객체를 통해 다양한 데이터베이스 작업을 수행할 수 있다. 예를 들어, 사용자를 생성하는 간단한 코드는 다음과 같다.
<code>const user = await prisma.user.create({
data: {
name: ‘John Doe’,
email: ‘john.doe@example.com’,
},
});</code>이와 같이 Prisma 클라이언트를 설정함으로써, 개발자는 데이터베이스와의 상호작용을 손쉽게 구현할 수 있다. 이러한 과정은 웹 애플리케이션 개발에서 필수적인 부분으로, 효과적인 데이터 관리와 성능 최적화를 지원한다.

Prisma 데이터베이스와의 통합

Prisma 지원 데이터베이스

Prisma는 다양한 데이터베이스를 지원하는 ORM(Object-Relational Mapping) 도구이다. Prisma는 PostgreSQL, MySQL, SQLite, SQL Server, MongoDB 등 여러 데이터베이스 시스템과의 통합을 지원한다. 이러한 지원 덕분에 개발자는 특정 데이터베이스에 종속되지 않고, 필요에 따라 다양한 데이터베이스를 활용할 수 있다. Prisma를 사용하면 데이터베이스와의 상호작용이 더욱 간편해지며, 데이터베이스 스키마의 변경도 쉽게 처리할 수 있다. 데이터베이스를 설정할 때, Prisma의 스키마 파일을 통해 데이터베이스 모델을 정의하고, 이를 바탕으로 데이터베이스를 생성하는 과정이 가능하다. 예를 들어, Prisma 스키마 파일에서 PostgreSQL을 사용하겠다고 정의하면, Prisma는 해당 데이터베이스와 연결하고, 필요한 테이블과 관계를 자동으로 생성한다. 이러한 특성은 데이터베이스 관리의 유연성을 높여준다. 데이터베이스와의 통합 과정에서 발생할 수 있는 다양한 오류를 Prisma는 효과적으로 처리하며, 이는 개발자의 생산성을 높이는 데 기여한다. 또한, Prisma는 각 데이터베이스에 최적화된 쿼리를 생성하여 성능을 극대화시킨다.

데이터베이스 마이그레이션

Prisma에서의 데이터베이스 마이그레이션은 데이터베이스 스키마의 변경을 관리하는 중요한 기능이다. 마이그레이션을 통해 개발자는 데이터베이스의 구조를 쉽게 업데이트하고 변경 사항을 적용할 수 있다. Prisma는 마이그레이션을 수월하게 처리하기 위해 ‘Prisma Migrate’라는 도구를 제공한다. 이 도구는 데이터베이스 스키마의 변화를 감지하고, 이를 바탕으로 자동으로 SQL 마이그레이션 파일을 생성한다. 개발자는 이러한 파일을 실행하여 데이터베이스에 변경 사항을 적용할 수 있다. Prisma Migrate는 데이터베이스의 현재 상태와 스키마 파일을 비교하여 필요한 변화를 계산한다. 이를 통해 개발자는 수동으로 SQL 쿼리를 작성할 필요 없이, 직관적으로 데이터베이스를 관리할 수 있다. 또한, Prisma는 마이그레이션 상태를 기록하고 관리하는 기능을 제공하여, 여러 개발자가 협업할 때에도 데이터베이스의 일관성을 유지할 수 있도록 돕는다.예를 들어, 마이그레이션을 실행하기 위해 아래와 같은 명령어를 사용할 수 있다. <code>npx prisma migrate dev –name ‘migration_name’</code>위 명령어는 새로운 마이그레이션을 생성하고, 이를 개발 환경에서 실행한다. 이로 인해 데이터베이스의 구조가 업데이트되고, 변경 사항이 자동으로 적용된다. 이러한 과정은 데이터베이스의 변경을 간소화하고, 개발자의 작업 효율성을 높이는 데 기여한다. 따라서 Prisma의 데이터베이스 마이그레이션 기능은 프로젝트의 유지보수성을 향상시키는 데 중요한 역할을 한다.

Prisma와 GraphQL 통합

Prisma는 GraphQL과의 통합을 통해 데이터베이스와 클라이언트 간의 상호작용을 매끄럽게 수행할 수 있도록 돕는다. GraphQL은 클라이언트가 필요한 데이터를 요청할 수 있는 강력한 쿼리 언어로, Prisma와 함께 사용될 때 데이터 조회 및 조작의 유연성을 제공한다. 개발자는 Prisma Client를 사용하여 GraphQL 리졸버를 손쉽게 작성할 수 있으며, 이를 통해 데이터베이스에서 직접 데이터를 가져오거나 업데이트할 수 있다. 예를 들어, GraphQL 스키마를 정의한 후, Prisma Client를 통해 데이터를 조회하는 쿼리는 다음과 같이 작성될 수 있다. <code>const users = await prisma.user.findMany();</code>위 코드는 데이터베이스에서 모든 사용자 정보를 가져오는 간단한 쿼리이다. 이처럼 Prisma는 GraphQL과의 통합을 통해 복잡한 SQL 쿼리를 작성할 필요 없이, 간결하고 직관적인 코드로 데이터베이스와 상호 작용할 수 있는 환경을 제공한다. 이로 인해 개발자는 비즈니스 로직에 더욱 집중할 수 있으며, 전체적인 개발 효율성을 높일 수 있다. 또한, Prisma와 GraphQL을 결합하면 데이터 요청에 대한 성능 최적화가 가능해지며, 고객의 요구에 맞춘 API를 쉽게 설계할 수 있는 장점이 있다.

Prisma 사용 사례

실제 프로젝트에서의 Prisma 활용

Prisma는 다양한 실제 프로젝트에서 데이터베이스와의 상호작용을 효율적으로 관리하는 데 활용된다. 예를 들어, 웹 애플리케이션을 개발하는 과정에서 Prisma는 개발자가 데이터 모델을 정의하고 이를 기반으로 데이터베이스와 쉽게 연결할 수 있도록 지원한다. 개발자는 Prisma 스키마 파일을 작성하여 데이터베이스의 구조를 정의하고, 이를 통해 생성된 Prisma Client를 사용하여 데이터베이스에 대한 CRUD(Create, Read, Update, Delete) 작업을 간편하게 수행할 수 있다. 이러한 방식은 특히 데이터베이스와의 통신이 빈번한 애플리케이션에서 효과적이다. 또한, Prisma는 TypeScript와의 통합이 용이하여, 타입 안전성을 제공함으로써 코드의 안정성을 높인다. 예를 들어, 사용자가 작성한 코드는 다음과 같은 HTML로 표현될 수 있다. <div class=’user-list’></div> 이 코드는 사용자의 목록을 표시하기 위한 기본적인 구조를 나타내며, Prisma와 함께 사용자 데이터를 동적으로 렌더링하는 데 사용될 수 있다. 이처럼 Prisma는 개발자가 비즈니스 로직에 집중할 수 있도록 도와주는 동시에, 데이터베이스와의 원활한 통합을 통해 전체적인 개발 효율성을 향상시키는 데 기여한다.

Prisma와 TypeScript

Prisma는 TypeScript와의 통합을 통해 개발자에게 강력한 타입 안전성을 제공한다. 이로 인해 개발자는 데이터베이스 모델과 관련된 코드에서 타입 오류를 사전에 방지할 수 있다. Prisma Client를 사용할 때, TypeScript의 인터페이스를 활용하여 데이터 모델에 대한 정확한 타입 정의를 가능하게 한다. 예를 들어, 사용자의 정보를 관리하는 경우, 다음과 같은 스키마를 정의할 수 있다. 이러한 스키마 정의는 데이터베이스와의 상호작용에서 발생할 수 있는 문제를 줄여준다. 사용자는 아래와 같은 HTML 코드를 통해 사용자 목록을 표현할 수 있다. <div class=’user-list’></div> 이 코드는 사용자 데이터를 동적으로 렌더링하는 데 사용되며, Prisma Client를 통해 안전하게 데이터에 접근할 수 있다. TypeScript와 Prisma의 조합은 코드 작성 시 발생할 수 있는 잠재적인 오류를 줄여주며, 유지보수성을 높여준다. 따라서, 개발자는 비즈니스 로직에 집중할 수 있으며, 전반적인 개발 과정의 효율성을 개선할 수 있다.

Prisma 성능 최적화

Prisma 성능 최적화는 데이터베이스의 효율적인 활용을 위해 중요하다. Prisma를 사용할 때, 쿼리 성능을 개선하기 위해 다양한 전략을 적용할 수 있다. 첫째, 필요한 데이터만 요청하는 것이 좋다. 예를 들어, 사용자의 이름과 이메일만 필요할 경우, 아래와 같은 쿼리를 작성하여 불필요한 데이터의 전송을 줄일 수 있다. 이렇게 하면 데이터 전송량을 줄여 성능을 높일 수 있다. 아래는 예시 코드이다. <div class=’user-info’><h1>사용자 정보</h1></div> 둘째, 데이터베이스 인덱스를 적절히 설정하여 쿼리 성능을 향상시킬 수 있다. 인덱스는 특정 열에 대한 검색 속도를 높여주며, 대량의 데이터에서 빠른 응답을 가능하게 한다. 셋째, 데이터베이스의 관계를 최적화하는 것이 중요하다. Prisma에서는 데이터베이스 스키마를 정의할 때 관계를 명확히 설정할 수 있으며, 이를 통해 쿼리 성능을 더욱 개선할 수 있다. 마지막으로, 프론트엔드와 백엔드 간의 데이터 전송을 최소화하기 위해 GraphQL과 같은 효율적인 데이터 전송 방식을 사용하는 것이 바람직하다. 이러한 최적화 방법을 통해 Prisma의 성능을 극대화할 수 있다.

자주 묻는 질문 (FAQ)

Prisma란 무엇인가요?

Prisma는 현대 웹 애플리케이션에서 데이터베이스 접근을 단순화하고 최적화하기 위한 ORM(Object-Relational Mapping) 도구입니다. TypeScript와 JavaScript를 활용하여 데이터베이스와 상호작용할 수 있도록 하며, 개발자가 SQL에 대한 깊은 이해 없이도 효율적으로 작업할 수 있게 도와줍니다.

Prisma를 어떻게 설치하나요?

Prisma를 설치하기 위해서는 먼저 Node.js와 npm이 설치되어 있어야 합니다. 그런 다음 터미널에서 ‘npm install @prisma/cli –save-dev’ 명령어를 입력하여 Prisma CLI를 설치하고, ‘npx prisma init’ 명령어로 초기 설정을 진행합니다.

Prisma 스키마 파일은 무엇인가요?

Prisma 스키마 파일은 데이터베이스 구조를 정의하는 중요한 파일로, 데이터 모델, 필드, 관계 및 제약 조건을 설정할 수 있습니다. 일반적으로 schema.prisma라는 이름으로 저장되며, 데이터베이스와의 상호작용을 위해 반드시 작성해야 합니다.

Prisma 클라이언트는 어떻게 설정하나요?

Prisma 클라이언트를 설정하기 위해서는 먼저 ‘@prisma/client’를 설치한 후, 클라이언트를 초기화하는 코드인 ‘const { PrismaClient } = require(‘@prisma/client’); const prisma = new PrismaClient();’를 사용하여 데이터베이스와의 연결을 설정합니다.

Prisma에서 데이터베이스 마이그레이션은 어떻게 하나요?

Prisma에서 데이터베이스 마이그레이션은 ‘Prisma Migrate’라는 도구를 사용하여 관리합니다. 이 도구는 데이터베이스 스키마의 변화를 감지하고 자동으로 SQL 마이그레이션 파일을 생성하여, ‘npx prisma migrate dev –name ‘migration_name” 명령어로 실행하여 변경 사항을 적용할 수 있습니다.

Prisma는 어떤 데이터베이스를 지원하나요?

Prisma는 PostgreSQL, MySQL, SQLite, SQL Server, MongoDB 등 여러 데이터베이스를 지원합니다. 이를 통해 개발자는 특정 데이터베이스에 종속되지 않고 유연하게 시스템을 구축할 수 있습니다.

Prisma와 GraphQL은 어떻게 통합되나요?

Prisma는 GraphQL과의 통합을 통해 데이터베이스와 클라이언트 간의 상호작용을 매끄럽게 수행합니다. 개발자는 Prisma Client를 사용하여 GraphQL 리졸버를 손쉽게 작성하고, 이를 통해 데이터베이스에서 데이터를 직접 가져오거나 업데이트할 수 있습니다.

Prisma의 성능을 최적화하는 방법은 무엇인가요?

Prisma의 성능을 최적화하기 위해 필요한 데이터만 요청하고, 데이터베이스 인덱스를 적절히 설정하며, 관계를 최적화하고, GraphQL과 같은 효율적인 데이터 전송 방식을 사용하는 것이 중요합니다. 이렇게 하면 쿼리 성능을 개선하고 데이터 전송량을 줄일 수 있습니다.

관련포스트

Sequelize

목차Sequelize란?Sequelize 설치 및 설정Sequelize 모델링Sequelize 쿼리 사용Sequelize란? Sequelize의 정의 Sequelize는 Node.js 환경에서 사용할 수 있는 ORM(Object-Relational Mapping) 라이브러리이다. ORM은 데이터베이스와의 상호작용을 객체... more

Mongoose

목차Mongoose란?Mongoose 설치 및 설정Mongoose의 데이터 모델링Mongoose 쿼리 및 데이터 조작Mongoose란? Mongoose의 개요 Mongoose는 MongoDB와 Node.js 애플리케이션 간의 데이터 상호작용을 위한 ODM(Object Data Modeling) 라이브러리이다. Mongoose를... more

Passport.js

목차Passport.js란?Passport.js 설치 및 설정인증 전략Passport.js 사용 예제Passport.js란? Passport.js의 개요 Passport.js는 Node.js 환경에서 인증을 구현하기 위한 미들웨어이다. 이 라이브러리는 다양한 인증 전략을 제공하여 사용자 인증... more

OAuth 2.0

목차OAuth 2.0 개요OAuth 2.0 작동 원리OAuth 2.0 보안 고려사항OAuth 2.0 구현 방법OAuth 2.0 개요 OAuth 2.0 정의 OAuth 2.0은 웹 애플리케이션과 서비스 간의 안전한 인증 및 인가를 위한 프로토콜이다. 이 프로토콜은 사용자 자원에 대한 접근... more

JSON Web Token

목차JSON Web Token이란?JWT의 작동 원리JWT의 장점과 단점JWT 구현 방법JSON Web Token이란? JWT의 정의 JSON Web Token은 웹 애플리케이션에서 정보를 안전하게 전달하기 위한 개방형 표준이다. JWT는 JSON 객체를 사용하여 정보를 안전하게... more

WebAssembly

목차WebAssembly란?WebAssembly의 작동 원리WebAssembly의 사용 사례WebAssembly의 장단점WebAssembly란? WebAssembly의 정의 WebAssembly는 웹 브라우저에서 실행될 수 있는 새로운 바이너리 형식의 코드이다. 이는 웹 애플리케이션의 성능을... more

Session Storage

목차Session Storage란?Session Storage의 사용 방법Session Storage의 장점과 단점Session Storage의 보안 및 제한 사항Session Storage란? Session Storage의 정의 Session Storage는 웹 브라우저에서 세션 단위로 데이터를 저장하고 관리하기 위한... more

Local Storage

목차로컬 스토리지란?로컬 스토리지의 특징로컬 스토리지의 사용 사례로컬 스토리지의 보안 및 제한로컬 스토리지란? 로컬 스토리지의 정의 로컬 스토리지는 웹 브라우저가 클라이언트 측에 데이터를 저장할 수 있도록... more