티스토리

Coding Planet

검색하기

블로그 홈

Coding Planet

sharonprogress.tistory.com/m

Believe in the process

구독자: 6

방명록 방문하기

주요 글 목록

[Next.js]기상관련 PWA 웹앱 회고 - FCM을 중점으로 프로젝트 개요프로젝트 개요기상청 API를 활용하여 기상 데이터를 수집 및 가공한 후, 특정 산업 사용자에게 미세 기상 정보를 제공하는 웹앱 개발 프로젝트.급격한 기상 변동 시, 웹앱이 활성화되어 있지 않은 상황에서도 사용자에게 Push 알림을 통해 실시간 정보를 제공하는 기능 구현.기술 스택프론트엔드: Next.js v13, TailwindCSS백엔드: Spring, JPA데이터베이스: PostgreSQL프로젝트 기간5주참여 분야프론트엔드 공통 모듈 개발Next.js 환경 설정 및 구성Redux 환경 구현 및 상태 관리 로직 개발FCM회고Next.js 적응: 기본적인 리액트 지식만을 가지고 시작한 프로젝트였기 때문에 Next.js 프레임워크의 모듈 구조와 기능에 적응하는 데 시간이 필요했다.서버사이드 랜.. 공감수 4 댓글수 1 2024. 9. 30.
[Next.js]스크롤 컨테이너에 대한 'ScrollToTop' 컴포넌트 구현하기 - 맨 위로 버튼 일반적으로 ScrollToTop 컴포넌트는 window 객체의 스크롤을 감지하여 구현한다. 하지만 특정 div 내에서만 스크롤이 발생하는 경우 window.pageYOffset은 항상 0을 반환하여 스크롤 위치를 정확히 파악할 수 없다. 무한 스크롤 게시판의 경우 맨 위로 가기 버튼이 필수적이므로 이 기능을 스크롤 컨테이너에서만 적용되도록 구현했다. 다만 예시코드에서는 무한 스크롤 부분은 코드의 가독성을 위해 제거하고 ScrollToTop 기능만 나와있다. | 접근 방법1. 스크롤 가능한 컨테이너에 ref를 할당한다.2. 이 ref를 'ScrollToTop' 컴포넌트에 전달한다.3. 'ScrollToTop' 컴포넌트 내에서 해당 ref의 scrollTop 속성을 사용하여 스크롤 위치를 감지한다. |.. 공감수 1 댓글수 0 2024. 8. 12.
TS2307: Cannot find module '@prisma/client/runtime' or its corresponding type declarations. import { ArgumentsHost, Catch, ExceptionFilter, HttpException } from '@nestjs/common';import { PrismaClientKnownRequestError } from '@prisma/client/runtime/library';@Catch()export class PrismaClientExceptionFilter implements ExceptionFilter { catch(exception: unknown, host: ArgumentsHost) { const ctx = host.switchToHttp(); const response = ctx.getResponse(); const request.. 공감수 0 댓글수 0 2024. 7. 31.
AJAX를 이용한 파일 다운로드 시 한글 파일명 깨짐 문제 해결하기 문제 상황 설명최근 프로젝트에서 AJAX를 사용하여 서버로부터 파일을 다운로드할 때 한글 파일명이 깨지는 현상을 겪었다. 동일한 파일 다운로드 기능을 form 제출 방식으로 구현했을 때는 이러한 문제가 발생하지 않았다.882ECA99EEB84A7ECB18FEDB5B3%84_240715-240726.xlsx -> 이런식으로 한글 깨짐 원인 분석AJAX와 form 제출 방식의 차이점Form 제출 방식: 브라우저가 기본적으로 제공하는 다운로드 기능을 활용한다. 브라우저는 Content-Disposition 헤더를 자동으로 처리하고, 파일명 인코딩을 알아서 처리한다. 따라서 Form 형식의 파일다운로드에서는 파일명이 제대로 출력됬다.AJAX 방식: XMLHttpRequest 또는 Fetch API를 사용하여 비.. 공감수 1 댓글수 0 2024. 7. 25.
[jira] 보드/칸반 사이드바, 팝업 모달 설정하기 사이드 바로 자세한 일정나오는거 너무 불편... 테스크 디테일에 들어가서 설정( · · · ) 선택 후 알림창의 이슈열기 선택 편안... -> 백로그나 타임라인에서는 아직 안됨.... 공감수 0 댓글수 0 2024. 7. 23.
[git] 하나의 로컬에 다수의 원격 레파지토리 연결하기 현재 회사에서 동기와 스터디를 하고 있다. react로 pwa를 구현하는 중인데 환경설정에서 에러가 많이 나서 바로 동기와 공유하고 있는 git repository에 올리기가 애매했다. commit을 해두는 방법, stash를 해놓은 방법도 있지만 제대로 구현되지 않은 작업을 commit하기도 그렇고 stack에 임시로 stash 하기도 싫었다. 그래서 git에 내 private repository를 하나 파 놓고 관리하기로 했다. 1. 현재 연결된 원격 레파지토리 확인 : git remote -v 2. 새로운 원격 레파지토리 등: git remote add 3. 연결 확인: git remote -v내가 지정한 sharon-boilerplate 별명으로 원격 저장소가 생성되었다. 4. p.. 공감수 0 댓글수 0 2024. 7. 15.
[React] PWA를 위한 webpack 설정 : create-app-react를 사용하지 않은 경우 PWA 구현시 create-app-react로 생성하지않아 아래와 같은 폴더 구조를 가지고 있지 않았다. 그래서 루트에 public 폴더를 생성하고 하위에 서비스 워커 설정을 위한 js를 추가했다. service-worker.js 를 제대로 설정하고, indext.html에 아래와 같이 serviceWorker를활성화 하는 코트를 넣었는데도 브라우저에서 스크립트를 찾지 못하는 오류가 났다.const registerServiceWorker = async () => { if ('serviceWorker' in navigator) { try { const registration = await navigator.serviceWorker.register( '/service-worker.. 공감수 0 댓글수 0 2024. 7. 11.
[React] redux-persist 설치 및 환경설정 (store.js 예시) redux-persist 상태를 유지함으로써 페이지를 새로고침하거나 탐색할 때도 사용자 설정이나 임시 데이터(예: 폼 입력 내용)를 유지할 수 있다. 또한 백엔드 서버와의 통신을 줄여주어 사용자 경험을 크게 향상시킨다.보통 로컬스토리지에 저장하게 된다. 다만 이런 클라이언트상의 저장은 문제가 있으므로 보안이 요구되는 데이터 보다는 임시데이터 위주로 저장한다. 설치yarn add redux-persist 환경설정store.js는 Redux 스토어를 생성하고 설정하는 파일이다. 여기에 persistConfig를 포함시켜 저장소와 관련된 모든 설정을 한 곳에서 관리하는 것이 좋.스토어 생성 과정에서 persistReducer와 함께 persistConfig를 사용하여 일관된 상태 저장 및 복원을 보장한다.. 공감수 0 댓글수 0 2024. 7. 10.
[JavaScript] 단축 평가(Short-circuit Evaluation) 문법 - const weatherData = state.home.weatherData || {}; const mapStateToProps = state => { const weatherData = state.home.weatherData || {}; return { temperature: weatherData.temperature, humidity: weatherData.humidity, windSpeed: weatherData.wind_speed, description: weatherData.description, };}; const weatherData = state.home.weatherData || {};이 구문은 JavaScript에서 흔히 사용하는 단축 평가(Short-circuit Evaluation) 문법이다.이 표현식은 state.home.weatherD.. 공감수 0 댓글수 0 2024. 7. 5.
[React] Redux-saga - 비동기 작업을 더 쉽게 관리할 수 있게 해주는 미들웨어 redux-saga는 Redux에서 비동기 작업(예: API 호출)을 더 쉽게 관리할 수 있게 해주는 미들웨어이다. redux-saga는 제너레이터 함수(generator function)를 사용하여 비동기 로직을 작성할 수 있으며, 이를 통해 코드의 가독성과 유지보수성을 높일 수 있다. 아래 코드를 예시로, redux-saga가 어떤 역할을 하는지 설명하겠다.import { call, put, takeLatest, all } from 'redux-saga/effects';import axios from 'axios';import { fetchWeatherSuccess, fetchWeatherFailure } from './config/action';import { FETCH_WEATHER_REQUEST.. 공감수 1 댓글수 0 2024. 7. 4.
[React] React에서 이벤트 핸들러 전달: 익명 함수 vs 함수 참조 1. 익명 함수 전달 (() => handleSelect) handleSelect('Components')}>Components의미: onSelect 이벤트가 발생할 때마다 새로운 함수 객체를 생성해서 전달하는 것장점: 특정 인자를 함수에 전달해야 할 때 유용단점: 매 렌더링마다 새로운 함수 객체가 생성돼서 메모리 사용이 증가할 수 있다. 이로 인해 불필요한 렌더링이 발생할 수 있는데, 특히 PureComponent나 shouldComponentUpdate를 사용하는 경우 2. 함수명만 전달 (handleSelect)JSX의미: onSelect 이벤트가 발생할 때 기존에 정의된 함수를 그대로 전달하는 것을 의미장점: 함수 객체를 새로 생성하지 않기 때문에 메모리 효율적이고, 불필요한 렌더링을 방지단점: .. 공감수 0 댓글수 0 2024. 6. 28.
[React] 배열 디스트럭처링(array destructuring) - Hook | 배열 디스트럭처링의 기본 개념배열 디스트럭처링(array destructuring)은 JavaScript의 ES6(ECMAScript 2015) 기능으로, 배열의 요소를 쉽게 추출하여 변수에 할당할 수 있게 해주는 문법이다. 이 문법은 리액트의 훅(예: useState)을 사용할 때 매우 유용하다.즉, 배열 디스트럭처링은 배열의 요소를 분해하여 별개의 변수에 할당하는 방식이다. const fruits = ['Apple', 'Banana', 'Cherry'];// 배열 디스트럭처링const [firstFruit, secondFruit, thirdFruit] = fruits;console.log(firstFruit); // Appleconsole.log(secondFruit); // Bananaconso.. 공감수 0 댓글수 0 2024. 6. 27.
[React] Core Concept | Components Are UI Building Blocks React Apps are build by combining components.| Why Components?1) Reusable Building BlocksCreate small bulding blocks&compose the UI from themIf needed:Reuse a building block in different parts of the UI(e.g., a resuable button)2) Related Code Lives TogetherRelated HTML & JS(and possibly CSS) code is stored together.Since JS influences the output, storing JS +.. 공감수 0 댓글수 0 2024. 6. 25.
[react] 인강 수강 시작! https://www.udemy.com/course/best-react/?couponCode=ST18MT62524 강의 구매자가 80만명이 넘는 강의이다. 강의가 워낙 많아서 필요한 부분을 모듈 형식으로 공부해야겠다. 공감수 0 댓글수 0 2024. 6. 25.
[react] Node.js와 OpenSSL의 호환성 문제 | 오류코드 Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:80:19) at Object.createHash (node:crypto:139:10) at module.exports (C:\workSpace\react-boilerplate\node_modules\webpack\lib\util\createHash.js:90:53) at NormalModule._initBuildHash (C:\workSpace\react-boilerplate\node_modules\webpack\lib\NormalModule.js:401:16.. 공감수 0 댓글수 0 2024. 6. 25.
[정보처리기사 실기 - 2024 정기 1회] 벼락 합격 후기!! 본인은 비전공자이지만 현업에서 개발을 하고 있는 개발자(개발호소인)이다. SQLD 자격증을 가지고 있다. 하지만 필기도 턱걸이 합격을 했고 취업에 바빠 한참 미뤄두던 실기를 이제야 시험보고 통과하게 됬다.정석적으로 공부하지 않았고 간신히 통과했기때문에 저렇게하면 저런 점수 받는구나 정도로 봐주시길.. 1. 준비기간 (3주 4/8 ~ 4/27)총 기간은 3주. 팽팽 놀다가 1주일 위기감 느껴서 하루에 3시간 이상 하고 막판 일주일에 빡집중했다. 회사일과 병행하다보니 절대적인 공부시간이 부족해서 결국 시험 하루전에 월차쓰고 하루종일 공부했다. 결국 실질적인 공부 기간은 2주이다.1주 : 하루에 2~3시간 요약집 보고 해당 과목 문제 바로 풀기2주 : 흥달쌤 마무리 특강 8강 보기 - 모의고사 풀기3주 : 기.. 공감수 3 댓글수 0 2024. 6. 18.
[postgreSQL] 다중 업데이트 작업을 효율적으로 수행하는 방법 -문자열 합치기(concat), 작은 따옴표 처리 어떠한 테이블에서 문자열을 가지고와 다른 테이블을 수정한다면 일반적으로 select문으로 해당 값을 조회하고 update문을 작성하면 그만이다. 하지만 만약 이러한 작업이 여러번 이루어져야 한다면? 예를들어 `employee` 테이블에서 직원의 직무(`job_title`)를 가져와서 `employee_salary` 테이블의 급여 설명(`salary_description`)을 업데이트하는 로직을 생각해보자 일반적인 작업은 'employee'테이블에서 job_title을 조회하고 이 값을 이용하여 `employee_salary` 테이블을 업데이트하는 `UPDATE` 문을 작성한다.- `employee` 테이블: 직원 정보를 저장하는 테이블- `employee_salary` 테이블: 직원의 급여 정보를 저장.. 공감수 0 댓글수 0 2024. 6. 10.
[dbeaver] 복사 오류 - dbeaver unhandled event loop cannot set data in clipboard dbeaver unhandled event loop cannot set data in clipboard dbeaver에서 복사 붙여넣기가 안되는 오류 -> dbeaver 껐다 켜는걸로는 해결 안됬고 컴퓨터를 재부팅해서 해결됬다. 다른 작업하면서 클립보드끼리 충돌난거 같은데 정확한 원인은 아직 불명 ㅠ 공감수 1 댓글수 0 2024. 6. 5.
[Java]CSV 파일 생성 클래스 예시 | writeListToCSVFile 메서드를 호출하여 파일을 생성- 해당 클래스는 제목행(header row)와 내용행(data row)를 각각 분리하여 생성한다.- fileName : 경로를 포함한 파일이름(ex. /portal/upload/DATA_202305240323420290)- headerlist : 제목행- dataList : 내용행- dataList 자체는 컬럼과 데이터로 짝지어 있지만 실제 파일 생성은 데이터만을 사용한다. 즉 제목행은 빨강, 파랑, 노랑이고 데이터 1, 데이터2, 데이터3이 쌓인다.List headers = Arrays.asList("빨강", "파랑", "노랑");List> data = new ArrayList();Map row1 = new HashMap();row1.. 공감수 0 댓글수 0 2024. 6. 4.
CSV 생성시 특수문자 Escape 처리하는 메서드 private static String escapeSpecialCharacters(String data) { if (data == null) { return ""; } String escapedData = data.replace("\"", "\"\""); if (data.contains(",") || data.contains("\n") || data.contains("\"")) { escapedData = "\"" + escapedData + "\""; } return escapedData; }}데이터를 csv로 만드는 과정에서 특수문자에 대한 처리가 필요하다. data list에서 .. 공감수 0 댓글수 0 2024. 5. 20.
서블릿에서 클라이언트 측에 JavaScript Alert 창 표시하기 : PrintWriter 현재 개발중인 웹페이지 로그인 시 SpringSecurityLoginFilter를 타면서 필요한 절차를 따르고 있다. 현재 페이지는 사용자가 가입신청을 하면 관리자가 승인 후 사이트를 이용할 수 있다. 이 때 사용 상태(가입신청 or 가입승은)을 조회한 후 가입대기 상태라면 alert창을 띄우고 다시 로그인 페이지로 보내야한다. Java 서블릿에서 클라이언트에 JavaScript Alert 창을 띄우려면, HttpServletResponse 객체를 사용해야 한다. 다음은 가입 신청 상태가 '승인 대기(A)'인 경우, 사용자에게 상태를 알리고 로그인 페이지로 리디렉션하는 예제 코드이다. if ("A".equals(loginVO.getUserSttus())) { httpResponse.setConte.. 공감수 0 댓글수 0 2024. 5. 13.
싯다르타 - 헤르만 헤세 그 모든 것들은 늘 존재했던 것이다. 그런데 싯다르타는 그것을 보지 못했다. 그는 그런 것에 마음을 두지 않았다. 이제야 비로소 싯다르타는 그런 것에 마음을 두었고, 그것의 일부가 되었다. 그의 눈에 빛과 그림자가 스며들었고, 그의 가슴에 별과 달이 스며들었다.나는 사고할 수 있습니다. 나는 기다릴 수 있습니다. 나는 단식할 수 있습니다.분명 나는 즐기기 위해서 여행을 갔습니다. 그렇지 않다면 무엇때문에 갔겠습니까? 나는 사람들과 여러 지역을 알게 되었고, 친절함과 신뢰를 즐겼고, 우정을 발견했습니다. 보십시오, 친구여. 내가 만약 카마스바미였다면 일이 수포로 돌아간 것을 알자마자 단단히 화가 나서 서둘러 돌아왔을 것입니다. 그러면 시간과 돈이 실제로 낭비됐을 겁니다. 하지만 나는 좋은날들을 보냈고, 기.. 공감수 0 댓글수 0 2024. 5. 12.
[Spring] 전자정부프레임워크 4.2 - WebFlux, Nonblocking 얼마전 전자정부프레임워크를 주관하고 관리하는 NIA에서 신규버전 4.2와 우수 활용사례에 대해 Zoom으로 세미나를 진행했다. 초보 개발자로서 이해하지 못하는 부분이 상당했지만 현재 진행중인 우리 프로젝트에서 고민하던 사항과 맞닿아 있는 주제가 있어서 정리한다. 1. WebFluxSpring Framework 5에서 새롭고 소개된 모듈이다. 비동기적이고 논블로킹 방식의 웹 애플리케이션을 개발할 수 있게 해준다. 전통적인 서블릿 기반의 스프링 MVC와 달리, WebFlux는 Reactive Streams API를 사용하여 요청 처리 시 발생할 수 있는 I/O 작업에서 서버의 자원 활용도를 최대화한다. 간단히 말해, WebFlux를 사용하면 하나의 스레드가 여러 클라이언트의 요청을 동시에 처리할 수 있어서.. 공감수 1 댓글수 0 2024. 5. 7.
[정보처리기사] 소프트웨어 설계 - UI 종류 (2022년 1차 기출) UI(User Interface)는 사용자가 소프트웨어를 조작하고 효과적으로 사용할 수 있도록 도와주는 요소들의 집합을 의미한다. UI는 대체로 다음과 같은 네 가지 주요 유형으로 분류할 수 있다. UI 유형 설명 그래픽 사용자 인터페이스(GUI) 시각적 요소를 사용하여 사용자와 컴퓨터 간의 상호작용을 가능하게 하는 인터페이스이다. 예를 들어, 윈도우, 아이콘, 버튼 등이 있다. 명령줄 인터페이스 (CLI) 사용자가 텍스트 명령을 입력하여 소프트웨어와 상호작용하는 인터페이스이다. 개발자들 사이에서 선호된다. 메뉴 주도 인터페이스 (MDI) 사용자가 제한된 목록에서 선택하여 상호작용하는 인터페이스이다. ATM 또는 자판기 같은 시스템에서 흔히 볼 수 있다. 자연어 인터페이스 (NLI) 사용자가 자연어를 통.. 공감수 1 댓글수 0 2024. 4. 11.
[정보처리기사] 네트워크 - RAID(2022년 1회 출제) 리눅스에서의 레이드(RAID)는 여러 개의 하드 드라이브를 묶어서 하나의 논리적인 드라이브로 인식하게 하는 기술로, 데이터의 안정성과 성능을 향상시키는 목적으로 사용된다. RAID는 여러 레벨로 구성되며, 각 레벨은 다양한 데이터 보호 및 성능 기능을 제공한다. 주요 RAID 레벨은 다음과 같다. RAID 0: RAID 0은 스트라이핑(Striping) 기술을 사용하여 데이터를 여러 드라이브에 분산. 이로 인해 입출력 성능이 향상되지만, 하나의 드라이브가 손상되면 전체 데이터가 손실될 수 있으므로 데이터 복구 및 안정성이 없다. - 2개 디스크 존재시 번갈아가면서 데이터 저장, 각 디스크가 2TB라면 총 가용 메모리는 4TB RAID 1: RAID 1은 미러링(Mirroring) 기술을 사용하여 데이터를.. 공감수 2 댓글수 0 2024. 4. 11.
[정보처리기사] 운영체제 - 가상기억장치 | 가상 메모리란? 컴퓨터의 보조기억장치 일부를 주기억장치처럼 사용하는 기술이다. 이를 통해 주기억장치의 용량이 실제보다 크게 느껴지게 만들 수 있다. 프로그램을 작은 블록들로 나눠서, 필요한 블록만 주기억장치에 할당하는 방식으로 동작한다. 이 기술은 주기억장치보다 큰 용량의 프로그램을 실행할 수 있게 해준다. 가상 메모리의 주소를 주기억장치의 주소로 변환하는 '매핑' 과정이 필요하다. | 구현 기법 1. 고정 분할(정적) 페이징(Paging): 프로그램과 주기억장치 영역을 동일한 크기의 페이지와 프레임으로 나눈다. 2. 가변 분할(동적) 세그먼테이션(Segmentation): 프로그램을 다양한 크기의 논리적 단위, 즉 세그먼트로 나눈다. | 페이징 기법 정의: 가상기억장치와 주기억장치의 영역을 동일한 .. 공감수 0 댓글수 0 2024. 4. 9.
[정보처리기사] 데이터베이스 구축 - 데이터베이스 무결성 1. 데이터베이스 무결성의 개념 데이터베이스의 무결성(Integrity)은 데이터의 정확성, 일관성 및 유효성을 보장하는데 필요한 일련의 규칙이나 제약조건을 의미한다. 2. 데이터베이스 무결성의 종류 종류 특징 개체 무결성 모든 테이블은 고유한 기본키를 가져야 하며, 이 기본키는 중복되거나 NULL이 될 수 없다. 참조 무결성 모든 외래키 값은 NULL이거나 참조되는 테이블의 기본키 값을 정확히 일치해야 한다. Restrict, Cascade 도메인 무결성 속성 값은 정의된 도메인에 속해야 한다. 고유 무결성 테이블의 모든 행에서 특정 컬럼의 값은 반드시 고유해야 한다. 예를 들어, 사용자 ID는 중복될 수 다. 키 무결성 테이블에서 사용되는 모든 키(기본키와 후보키)는 고유해야 하며 중복을 허용하지 않.. 공감수 1 댓글수 1 2024. 4. 8.
[정보처리기사] 데이터베이스 구축 - 키 (Key)의 종류 수퍼키(Super Key) 어떤 엔터티를 유일하게 식별할 수 있는 속성의 집합 수퍼키는 하나 이상의 속성으로 구성될 수 있으며, 중복된 튜플 없이 테이블 내의 모든 튜플을 유일하게 식별할 수 있어야 한다. 후보키(Candidate Key) 수퍼키 중에서 불필요한 속성을 제거하여 가장 간단한 형태로 만든 키 후보키는 테이블을 유일하게 식별할 수 있는 최소한의 속성으로 구성 후보키는 중복을 허용하지 않으며, 모든 속성이 반드시 식별에 필요 기본키(Primary Key) 후보키 중에서 선택된 메인 키로, 테이블의 각 행을 유일하게 식별하는 데 사용 기본키는 NULL 값을 가질 수 없으며, 테이블 내에서 각 튜플을 유일하게 식별 대체키(Alternate Key) 후보키 중에서 기본키로 선택되지 않은 나머지 키들.. 공감수 0 댓글수 0 2024. 4. 8.
[정보처리기사] 데이터베이스 구축 - '관계대수'와 '관계해석' 기호 총정리 1. 관계대수의 개념 원하는 데이터를 찾기 위한 절차적 언어 2. 순수 관계 연산자 기호 설명 SELECT σ 선택: 조건을 만족하는 튜플(열)을 선택함. 수평적 PROJECT π 투영: 선택된 속성(행, 컬럼)에 대한 값들로 구성된 새로운 관계를 반환함. 수직적 JOIN ⨝ 조인: 두 관계를 결합하여 관련된 정보를 연결함. DIVISION ÷ 분해: 한 관계의 튜플이 다른 관계의 모든 튜플과 관계를 가질 때 해당 튜플을 선택함. A,B 두 테이블에 대해 A DIVISON B는 B 테이블의 조건을 만족하는 튜플들을 테이블 A에서 추출하는 연산. 3. 일반 집합 연산자 기호 설명 합집합 ∪ 두 관계의 모든 튜플을 합친 결과를 반환함. 교집합 ∩ 두 관계의 공통 튜플만을 반환함. 차집합 - 한 관계에 있는 .. 공감수 0 댓글수 0 2024. 4. 8.
[정보처리기사] 소프트웨어 구축 - DRM 1. 디지털 권한 관리 DRM(Digital Rights Management)이란? 디지털 콘텐츠의 사용 권한을 관리하는 기술. 콘텐츠 제작자나 배포자가 저작물을 불법 복제나 배포로부터 보호하기 위해 사용한다. 예를 들어, 음악이나 영화, 전자책 등의 파일을 구매한 사용자가 이를 무단으로 공유하지 못하도록 제한한다. 2. DRM의 제어 흐름 콘텐츠 제작자가 콘텐츠(파일, 미디어 데이터 등)를 만들어 콘텐츠 공급자에게 제공 콘텐츠 공급자는 콘텐츠를 클리어링 하우스(Clearing House)에 등록하며, 이곳에서 콘텐츠에 대한 권한관리와 라이선스를 관리 클리어링 하우스는 콘텐츠 사용 권한을 관리하고, 라이선스 발급, 결제 처리 등을 담당 사용자는 콘텐츠 서비스를 통해 콘텐츠를 요청하고, 이를 받기 위해서는.. 공감수 0 댓글수 0 2024. 4. 8.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.