1. pyinstaller로 무한 삽질 자주 있는 일은 아니었지만 python으로 작성한 코드를 exe로 빌드할 때 pyinstaller를 이용했었다. 빌드할 때마다 어찌저찌 결과물을 낼 수 있었지만 유쾌했던 기억이 없다. python 최신 버전을 지원하지 않아 다운그레이드를 해야 한다던지, 어떤 컴퓨터에서는 문제없이 빌드가 되었는데 다른 PC에서는 안된다던지, 빌드 명령을 내리고 항상 기도했던 기억만 남아있다. 이번에도 빌드는 성공적으로 되었는데 실행이 되지 않는다. 터미널에 찍힌 에러 메시지를 보니 python311.dll 파일이 없다고 한다. 그래서 에러 메시지에 출력된 폴더를 생성하고 해당 파일을 넣어 줬다. 이 정도로 친절을 베풀었는데 보답은 첩첩산중이다! 차라리 더 늦기 전에 다른 라이브러리로..

1. selenium 다중 URL 크롤링 중 누락 문제 어떤 사이트에 100개의 항목이 있는 10개의 페이지가 있다고 생각해 보자! 각 페이지는 URL이 다르지만 구조는 같다. 따라서 하나의 크롤링 코드로 10개에 대응이 가능하다. 이 얼마나 간단한 문제인가? 그냥 반복문을 돌리면 끝이다! 하지만 실제는 그렇게 간단하지 않았다. 첫 번째 시도한 페이지에서는 100개 항목을 잘 긁어 왔다. 하지만 그다음 페이지들은 줄줄이 19개를 넘지 못했다. 2. 일부 누락 문제 webdriver를 페이지마다 열고 닫고를 반복하는 방식을 시도한 결과 마지막 페이지를 제외하고는 100개의 항목을 모두 가져왔다. 마지막 페이지의 경우 79개만 긁어오고 있었다. 해당 페이지를 좀 더 살펴보니 렌더링 할 때 서버로부터 데이터를..

1. useEffect 훅에서 play() 메서드 작동 안 됨 3D 모델의 애니메이션을 재생하고자 하였다. 아래의 코드를 적용해 봤는데 애니메이션이 플레이되지 않았다. import React, { useState, useEffect } from "react"; import { GLTFLoader } from "three/addons/loaders/GLTFLoader"; import { useLoader } from "@react-three/fiber"; const Model = ({ characterPath, scale }) => { const gltf = useLoader(GLTFLoader, characterPath); const mixer = new THREE.AnimationMixer(gltf.s..

1. Python의 count() 문자열 메서드 문자열에서 특정 문자열의 개수를 구하고자 한다. Python에는 count() 문자열이 존재하기 때문에 아래 코드와 같이 쉽게 구할 수 있다. # 파이썬 코드 s = "javascript" a_count = s.count('a') # count() 문자열 메서드 이용하여 특정 문자열 개수 구하기 print(a_count) # 2 2. javaScript의 split() 문자열 메서드 응용 JavaScript에는 Python과 같은 메서드가 존재하지 않지만 split() 문자열 메서드를 응용하면 같은 결과를 얻을 수 있다. // 자바스크립트 코드 const s = "javascript"; const aCount = s.split("a").length - 1;..

1. html2canvas 이미지 잘림 문제 html을 이미지 파일로 저장하는 기능을 구현하기 위해 html2canvas 라이브러리를 이용했다. 편리하게 기능을 구현했고 작동했지만 html요소가 화면에 보이는 대로 캡처되지 않았다. 심지어 QR 코드 일부분은 [그림 1]과 같이 잘린 채로 저장되었다. 2. html-to-image 라이브러리로 교체 후 해결 html2canvas로 여러 시도를 해보았지만 효과를 보지 못했다. 그래서 html-to-image로 교체하였고 다행히도 깔끔하게 문제가 해결되었다. html-to-image의 경우 공식 문서의 코드를 그대로 가져와 사용했고 별다른 설정을 하지 않았음에도 화면에 보이는 대로 캡처되었다(그림 2 참조). 😉 html-to-image 공식문서 : http..

1. 폴리곤이 깨지는 이유?대한민구 행정구역 시군구 SHA 파일을 JSON 형식으로 변환하여 네이버 지도 API에 노출하였는데 [그림 1]과 같이 진해구의 경우 폴리곤이 깨져서 렌더링 되는 현상이 발생했다.변환된 시군구 경계 정보를 담고 있는 JSON 파일에는 "coordinates"라는 키가 있고 값으로 위경도 배열값을 가지고 있다. 배열은 중첩되어 있는데 최말단에 [경도, 위도] 형태의 배열이 모여 있다."coordinates": [ [ [ [경도, 위도], // (생략) [경도, 위도], ], [ [경도, 위도], ..

1. 왜 prisma에서 DB 테이블 연동이 안 되는 걸까? Next.js 프로젝트에 prisma ORM을 적용하여 작업 중이다. 새로운 모델(CouponSetting)을 만들었다. // prisma/migrations/schema.prisma // (생략) model CouponSetting { id Int @id @default(autoincrement()) //(생략) } 변경된 내용을 적용하기 위해 마이그레이션 명령어를 실행하였다( 에 로그를 위한 마이그레이션 명을 임의로 작성). npx prisma migrate dev --name // 마이그레이션 생성 (npx prisma migrate dev 명령 입력, 엔터 후 이름을 작성해도 된다.) 변경된 모델에 맞게 Prisma Client를 재생성..

1. OAuth가 아닌 자체 인증 인가 로그인 기능을 구현하고 싶은데...? 소셜로그인 기능을 활용하는 OAuth가 아닌 자체적으로 인증하고 인가하는 로그인 기능을 구현하고 싶었다. NextAuth는 OAuth 뿐만 아니라 Credentials라는 기능을 제공해 자체적인 인증, 인가도 구현할 수 있다. 그런데 App Router에 적용하는 방법에 대한 자료는-아직까지는-잘 보이지 않았다. 그러다가 아주 유용한 튜토리얼을 발견하게 되었다. 2. App Router에서 NextAuth Credentials를 이용한 자체 인증 인가 로그인 구현 아래 링크는 App Router에서 NextAuth를 이용한 로그인 구현 튜토리얼 1편이다. NextAuth 사용법 1편 - Setup, Credentials : ht..