이전에 포스팅한 자료에 5까지 가능하다고 썼지만 라즈베리 파이 5의 경우 한동안 지원을 하지 않았다. 여기저기서 자료를 찾아 여러가지 세팅을 해야 했지만 이 글을 쓰는 시점의 Raspberry pi OS 최신 버전인 Bookworm부터 업데이트만 해주면 사용할 수 있다. 사용 방법은 아래와 같다 Raspberry Pi OS 12(bookworm)버전 이상 설치 - 어짜피 라즈베리 파이 5는 bookworm부터 사용 가능 g_ether... Continue Reading →
UnhandledException에 대한 대처방법
UnhandledException에 속하는 Exception들은 대부분의 다른 것들과 달리 try..catch문에 의해 걸러지지 않고 바로 프로그램을 종료시켜 버린다. UnhandledException은 시스템 자원이나 커널 쪽의 문제이기 때문에 프로그램이 계속 운영할 수 없는 상황인 경우들이기 때문에 종료되는 것을 막지 못하며 막더라도 문제를 발생시킨다. 이 UnhandledException을 해결하기 위한 몇 가지 대처 방법을 C# 기준으로 소개한다. 대표적인 UnhandledException 자주 볼 수 있는 UnhandledException으로는... Continue Reading →
MediaWiki 슬래시 포함 제목 REST 404 에러 관련 해결 방법
MediaWiki에서 슬래시가 들어간 제목의 문서에 접근할 때 "Error contacting the Parsoid/RESTBase server (HTTP 404)"오류와 함께 진입이 되지 않는 경우 해결방법에 대해 소개한다. 원인 Parsoid/RESTBase 서버는 페이지 정보를 슬래시로 구분한 URL로 요청을 받는다(예: POST /wiki/rest.php/localhost/v3/transform/html/to/wikitext/TestPage/12 HTTP/1.1" 200 521 “-” "VisualEditor-MediaWiki/1.38.2). 만약 페이지 제목의 슬래시가 그대로 들어갈 경우 문제가 발생한다. 제목이 파싱 과정에서 두 개의 데이터로 인식하기... Continue Reading →
VS Code Tailwindcss + NextJs Prettier formatter 셋업 가이드
VS Code 환경 설정 Visual Studio Code 설치 https://code.visualstudio.com/download Next, Tailwindcss 관련 플러그인 설치 참고 https://tailwindcss.com/docs/editor-setup#intelli-sense-for-vs-code VS Code Extension https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss Prettier 플러그인 설치 https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode 프로젝트 셋업 프로젝트 생성 “npx create-next-app@latest” 커맨드를 실행하면 가이드가 나온다. 아래와 같이 Typescript + Tailwind + Eslint를 사용한다. $ npx create-next-app@latest ✔ What is your project named? … project-name ✔ Would... Continue Reading →
Uninstall Microsoft Edge extension that reinstalls even if you delete it
Go to “edge://settings/profiles/sync” or direct sync settings in the Edge address bar. The last item exists as follows. If you select "Still having sync problems? Try other options" you will see "Reset sync data from Microsoft servers" as shown below. If you run this setting, you can erase all synchronization data and then reset the... Continue Reading →
지워도 다시 설치 되는 Microsoft Edge 확장 제거
이 문제를 해결할 수 있는 방법을 찾게 된 동기: 엣지 확장 중 "원 클릭 번역"이 멀웨어로 확인돼 스토어에서 없어진 이 후 이 확장을 제거하려고 해도 계정의 동기화 기능이 다시 살리는 문제가 발생함원인: 스토어에서 내려간 확장은 동기화에 문제가 있어 발생 아마 나중에 업데이트하면서 해결은 하겠지만...🤔 방법은 아래와 같이 진행하면 된다. Edge 주소창에 "edge://settings/profiles/sync"또는 직접 동기화 설정에... Continue Reading →
Ease 용어 정리
참고할만한 사이트 그래프 한 눈에 보기: https://easings.net/ https://gsap.com/docs/v3/Eases https://animejs.com/documentation/#linearEasing In/Out Ease out 천천히 느려짐 Bound, Elastic같은 설정과 함께 쓰이는 경우 특수한 동작이 점점 강해지는 방향으로 진행 예를 들면 Elastic같은 경우 처음에는 한 방향으로 움직이다가 끝날 때 즈음 역/순방향으로 흔들리는 동작을 함 Ease in Ease out의 반대 Ease inout in+out으로 점점 빨라지다가 목표 속력에 도달하고 끝날... Continue Reading →
Prisma Client 배열 타입 create/update 정리
Prisma Client create 정리 https://www.prisma.io/docs/concepts/components/prisma-schema/relations/many-to-many-relations#querying-mongodb-many-to-many-relations https://www.prisma.io/docs/concepts/components/prisma-client/crud#create sql INSERT에 해당 일반적인 타입에는 INSERT 쓰듯이 사용 가능 const user = await prisma.user.create({ data: { email: 'elsa@prisma.io', name: 'Elsa Prisma', }, }) Array 타입은 약간 특이한 방식으로 사용 1-n / m-n 관계 테이블을 만들 경우 아래와 같이 Array 타입으로 스키마에 정의함 model Post { id Int @id @default(autoincrement())... Continue Reading →
nestJs + prisma + postgresql
nestJs + prisma + postgresql nest, prisma 설치, postgresql 환경 설치 nest n 프로젝트 디렉토리 진입 PrismaClient 설치 npm install @prisma/client https://docs.nestjs.com/recipes/prisma#set-up-prisma npx prisma init ./.env DATABASE_URL 편집 database 생성 필요 https://www.postgresql.org/docs/current/sql-createdatabase.html CREATE DATABASE jointest WITH OWNER = kyi TEMPLATE = template0 ENCODING = 'UTF8' LC_COLLATE = 'en_US.UTF-8' LC_CTYPE = 'C' TABLESPACE = pg_default CONNECTION... Continue Reading →
Javascript, Typescript 수열 만들기
js 수열 만드는 법 Array 사용 > var arr = Array.from(Array(5).keys(), (value, index) => value) undefined > arr [ 0, 1, 2, 3, 4 ] > var arr = Array.from(Array(5).keys(), (value, index) => value *2) undefined > arr [ 0, 2, 4, 6, 8 ] lodash(https://lodash.com) 사용 https://lodash.com/docs/4.17.15#range _.range(4); // => [0, 1, 2, 3]... Continue Reading →
