나는산타

JWT는 JSON 객체로서 백엔드와 프론트엔드 간에 안전하게 정보를 전송하기 위해 사용되는 기술입니다. 프론트엔드 용으로 리액트나 다른 SPA 또는 SSR 앱을 사용하는 동안에는 백엔드와의 데이터 전송을 사용할 가능성이 높다. 데이터를 훔칠 가능성이 있는 악의적 해커로부터의 콜을 보호하는 방법이 필요하다. 이를 위한 가장 좋은 방법 중 하나는 JWT를 사용하는 것이다. 1. JWT 토큰의 사용시기와 장소 얼핏 보면 JWT를 이용해 플랫폼 간에 데이터를 보내는 게 좋을 것 같다. JWT 토큰에는 데이터가 포함되며, 그 데이터는 전면과 백엔드 간에 전송된다. 정보는 JWT 내부에 인코딩 된 형식으로 저장되기 때문에 관련 데이터를 인코딩하여 백엔드에서 프론트엔드로 보낼 수 있다. 이것은 간단하고 효율적인 데이..

파이썬으로 이미지에서 글자 추출하기 이미지에서 글자를 추출하는 과정은 여러 가지 단계로 구성된다. 대표적인 글자 추출 과정은 다음과 같다. 이미지 전처리: 이미지에서 노이즈를 제거하고, 글자의 크기와 모양을 개선하는 작업 이미지 분할: 이미지를 개별 글자로 분할 글자 인식: 개별 글자 이미지를 인식하여 글자로 변환 파이썬에서는 OCR (Optical Character Recognition) 라이브러리를 사용하여 이미지에서 글자를 추출할 수 있다. 가장 인기 있는 OCR 라이브러리인 Tesseract-OCR을 사용한 방법이다. 설치 pip3 install pytesseract 만약 python3가 아니면 아래처럼 설치한다. pip install pytesseract 다음 예제 코드는 현재 디렉터리의 모든 ..

멀티스레딩 은 모든 스레드가 동시에 실행되고 있다는 착각과 함께 동일한 시점에 메모리에 수많은 스레드를 가질 수 있는 운영 체제의 기능이다. 다중 스레딩은 여러 가지 이점을 제공하지만 스레드 동기화, 기아 상태, 동시성 등과 관련된 문제를 방지하려면 모범 사례를 알고 있어야 한다. Java의 다중 스레딩에 대한 모범 사례를 살펴보자. 경쟁 조건(Race Conditions) 및 데드락(Deadlocks) 방지 Java 스레드로 작업할 때 기억해야 할 가장 적절한 사항은 경쟁 조건과 교착 상태를 피하는 것이다. 경쟁 조건은 여러 스레드가 동일한 시점에서 동일한 데이터에 액세스 하려고 시도할 때 발생할 수 있다. 이로 인해 예기치 않은 결과를 경험할 수 있으며 이로 인해 프로그램에 문제가 발생할 수 있다. ..

자바에서 스레드 데드락을 방지하는 방법 정리 두 개 이상의 스레드가 서로 리소스 액세스를 완료하기를 기다릴 때마다 데드락이 발생한다. 데드락, 스레드 데드락의 원인 및 자바에서 스레드 데드락을 방지할 수 있는 방법에 대해 정리했다. 1) 데드락(Deadlock)이란 컴퓨팅에서 두 개 이상의 동시 작업이 서로 완료되기를 기다리는 경우 데드락이 발생한다. 즉, 두 스레드가 다른 스레드의 잠금 해제를 기다리기 때문에 서로를 영원히 차단할 때 데드락이 발생한다. 이러한 상황은 두 스레드가 리소스를 공유하고 둘 다 다른 스레드가 보유한 공유 리소스에 대한 잠금을 얻기 위해 대기할 때 종종 발생한다. 데드락이 발생하려면 다음 조건이 충족되어야 한다. 최소한 하나의 리소스는 하나의 스레드만 동시에 액세스 할 수 있도..

인터넷은 매일 서로 통신하는 수천 개의 웹 응용 프로그램으로 구성된다. 이러한 응용 프로그램은 일반적으로 HTTP를 통해 통신한다. HTTP는 일반적으로 클라이언트-서버 아키텍처를 따른다. 클라이언트는 HTTP request를 전송하여 서버와의 통신을 시작한다. 이후 서버는 HTTP response으로 응답한다. 1. Java의 HTTP 메시지란? Java에는 request, response이라는 두 가지 유형의 HTTP 메시지가 있다. HTTP Request HTTP request는 일반적으로 start line , HTTP header, blank line, body로 구성된다. 시작 줄과 HTTP 헤더를 총칭하여 head라고 한다. Start Line HTTP 요청의 시작 줄은 HTTP 메서드, 요..

Nuxt에서 구글 애드센스를 사용하는 방법 정리 방법 1) Nuxt 앱 템플릿에 추가 root 디렉토리에 app.html 파일을 만든다. 기본적으로 app.html 파일은 다음과 같다. 여기에 아래처럼 애드센스 정보를 넣으면 된다. data-ad-client에 애드센스 ID를 넣으면 모든 경로에서 애드센스가 동작한다. 방법 2) @nuxtjs/google-adsense 라이브러리 사용 두 번째 방법은 라이브러리를 사용하는 방법이다. 먼저 아래처럼 설치한다. yarn add @nuxtjs/google-adsense 또는 npm i --save @nuxtjs/google-adsense nuxt.config.js 파일에 아래처럼 모듈 추가 및 애드센스 ID를 추가한다. 방법 3) 구성 파일에 스니펫 추가 마지..

원문 : https://www.robinwieruch.de/web-development-trends/ 1. (메타) 프레임워크 SPA(단일 페이지 애플리케이션) 및 해당 프레임워크(예: React.js, Vue.js, Svelte.js)는 다소 과대광고 주기를 거쳤으며 지금까지 몇 년 동안 사용되었다. 그러나 이러한 솔루션 위에 메타 프레임워크가 부상하면서 응용 프로그램이 클라이언트 측(CSR)에서 서버 측 렌더링(SSR)으로 이동하는 명확한 추세를 볼 수 있다. Next.js라는 가장 인기 있는 메타 프레임워크는 리액트 위에 있다. 핵심 React 개발자인 Andrew Clark은 2022년이 "진짜 React 18 릴리스"라고 말했다. 리액트 팀이 라이브러리의 하위 레벨에서 기본 구성 요소로 제공하는..

트레일블레이저와 셀토스 비교. 카랩 참고 1. 외관 & 크기 큰 차이는 없지만 트레일블레이저가 조금 더 큼 2. 트렁크 입구의 높이는 셀토스가 더 높음 3. 주행 - 시트포지션 : 트레일블레이저가 셀토스보다 조금 낮음 - 브레이크 페달 : 트레일블레이저가 셀토스에 비해 훨씬 높음 - 가속 : 비슷함 - 승차감 : 트레일블레이저 > 셀토스 - 연비 - 소음 : 트레일블레이저가 조금 더 조용함. 유리가 두껍고, 노이즈캔슬링이 있어서 조금 더 조용한 듯 4. 2열 공간 2-1) 크기 - 셀토스 : 무릎공간 주먹 2개 반. 머리공간 주먹 1개 - 트레일블레이저 : 무릎공간 주먹 2개 반. 머리공간 주먹 반개. 파노라마 선루프가 있어서 낮은 듯 2-2) 편의시설 - 셀토스 : A타입 USB 포트 - 트레일블레이저..

운전한 지는 10년 정도 되었지만 매번 렌트나 쏘카 같은 카 쉐어링만 이용했다. 이제 슬슬 내 차를 살 때가 되었다. 차알못이라 새 차는 아직 부담스러워서 중고차로 몇 년 굴릴 생각이다. 1. 사고싶은 차종 후보 일단 내가 사려고하는 차종은 SUV이다. 가격은 2천 이하 - 기아 셀토스 - 쉐보레 트레일블레이저 - 르노 XM3, QM6 - 현대 투싼 2. 구매처는 케이카로 결정 온라인 중고차 플랫폼을 이용할 예정이고, 나는 케이카를 이용하기로 했다. 먼저 엔카와 케이카의 가장 큰 차이는 아래 2가지이다. - 케이카는 직영이고, 엔카는 딜러 연결 플랫폼. 따라서 차알못이라면 케이카가 더 안전. 차잘알은 엔카가 더 유리 - 매물은 엔카가 압도적으로 많음 나는 차알못이라서 케이카를 이용하기로 결정하였다. 3...

Nuxt에서 구글 애드센스 라이브러리 사용하여 추가 시, 에러 발생 에러 Nuxt에서 구글 애드센스 연동 시, 아래와 같은 에러가 발생하여 기동이 되지 않았음 FATAL Template not found: /node_modules/@nuxtjs/google-adsense/dist/templates/plugin.mjs 16:24:53 at normalizeTemplate (node_modules\@nuxt\kit\dist\index.mjs:71:13) at addTemplate (node_modules\@nuxt\kit\dist\index.mjs:55:20) at Object.addPluginTemplate (node_modules\@nuxt\kit\dist\index.mjs:425:93) at setup..