티스토리

taltal's dev note

검색하기

블로그 홈

taltal's dev note

taltal-dev-note.tistory.com/m

taltal 님의 블로그입니다.

구독자: 0

방명록 방문하기

728x90

반응형

주요 글 목록

Python Crawling: Selenium driver error # --user-data-dir # --headless # selenium.common.exceptions.SessionNotCreatedException: Message: session not created: probably user data directory is already in use, please specify a unique value for --user-data-dir Python의 Selenium 라이브러리를 통해 크롤링을 진행하던 중 아래의 에러를 만났다. selenium.common.exceptions.SessionNotCreatedException: Message: session not created: probably user data directory is already in use, please specify a unique value for --user-data-dir argument, or don't use --user-data-dir 로컬에서는 이상없이 동작하던 스크립트가 remote 서버에서는 위와 같은 에러를 마주했다.위 에러를 검색하면 stackoverflow나 AI(ChatGPT, Claude 등)는 다음과 같은 해결책을 제시해준다.import .. 공감수 0 댓글수 0 2025. 2. 19.
홈 서버 구축 # 집에서 서버 구축 # KT # iptime 남는 PC를 통해 집에서 사용 가능한 서버를 구축해보자. 사용된 서버 종류 및 전체적인 과정을 요약해보면 다음과 같다. 서버 및 네트워크 정보 - 운영체제: Ubuntu - Internet: KT 과정 1) ssh 접속 - Ubuntu에 ssh 설치 - 방화벽 설정 및 22 포트 허용 - 포트포워딩 공용 IP port 22 -> 서버 컴퓨터 IP (사설 IP) port 22 상세 설명 Ubuntu에 ssh 설치# installsudo apt updatesudo apt install openssh-server# Verify SSH is runningsudo systemctl status ssh 방화벽 설정 및 22 포트 허용sudo ufw allow ssh 포트포워딩 모뎀(공용 IP).. 공감수 0 댓글수 0 2025. 1. 30.
git: git reflog # 지워진 커밋 복구하기 commit 내역을 로컬에서도 지우고, force push 등으로 remote에도 지워진 경우에,git 에서 해당 커밋을 복구하는 방법 git reflog -> 해당 명령어를 통해 commit 내역들을 볼 수 있다 (지워진 커밋도) -> 원하는 커밋을 찾았다면 commit hash를 통해 해당 커밋 내역으로 git reset --hard 이제 커밋을 복구하면 된다. 참고 블로그:https://junvelee.tistory.com/25 공감수 0 댓글수 0 2025. 1. 22.
PostgreSQL: Int id 충돌 문제 # auto increasement error # duplicate key value violates unique constraint PostgreSQL에서 int pk를 auto increment (숫자 자동 증가)로 부여하는 경우,종종 존재하는 id로 row를 추가하려는 경우가 있다. 예시 오류SQLSTATE[23505]: Unique violation: 7 ERROR: duplicate key value violates unique constraint "pages_pkey"DETAIL: Key (id)=(4) already exists. -> id auto increment를 마지막 int부터 다시 시작하도록 설정 psql shell을 진입 - 해당 데이터 베이스 사용 (\c database_name) 1.현재 sequence value를 확인하자(참고: table 명이 pages 인 경우이다)SELECT last_value, i.. 공감수 1 댓글수 1 2025. 1. 3.
Prisma: Next.js Prisma 사용하여 SQL ORM npm install @auth/prisma-adapter @prisma/clientprisma-adapter, prisma/client를 설치 아래 명령어로 초기화를 진행npx prisma init .env에 DATABASE_URL 구성 아래는 예시DATABASE_URL="postgresql://johndoe:randompassword@localhost:5432/mydb?schema=public" prisma init을 통해 생기는 prisma/schema.prisma에 아래와 같이 구성generator client { provider = "prisma-client-js"}datasource db { provider = "postgresql" url = env("DATABASE_URL").. 공감수 1 댓글수 1 2024. 12. 27.
Javascript: MutaionObserver # DOM 변경 감지 input, button 등 에서 addEventListener를 통해 이벤트를 감지할 수 있는 것처럼 MutationObserver class를 사용하여HTML 내의 구성(attribute, text, childList) 등이 바뀐 경우, 이를 감지하여 이에 따른 반응 로직을 구현할 수 있다. 실제 사용 코드const searchedBlockMemberUl = document.querySelector('#searchedBlockMemberUl');const observer = new MutationObserver((mutationsList) => { const blockUserInput = document.querySelector('#blockUser'); for (const mutation.. 공감수 2 댓글수 2 2024. 12. 17.
Cursor: Notepad 사용 VSCode 대신 Cursor를 사용중에 있다.Notepad 기능이 있는데 유튜브 등에서는 컴포저를 열어서 control panel 아이콘을 누르면 된다고하는데contrl panel이 없다 나는... 왜인지 모르겠네... 한참을 찾아 헤매던 중 Notepad를 작성하는 방법을 찾았다. Ctrl + Shift + p 를 누르면 IDE 상단 중앙에서 검색을할 수가 있는데, notepad를 검색해보자. Notepad: Create and Open New Notepad를 열자이렇게하고 저장한 후 chat을 해보자 글을 쓰고보니 Notepad가 왼쪽 사이드뷰에 있다.... 공감수 0 댓글수 0 2024. 12. 14.
Javascript: 클라이언트 단에서의 대용량 데이터 처리 성능 이슈 개선 # 비동기처리 # Chunk # requestAnimationFrame (rAF) 브라우저에서 request를 통해서 데이터를 받아와서 브라우저에 나타내는 과정에서데이터가 굉장히 큰 경우 병목현상이 발생했다.이 병목현상을 개선하는 예제를 정리 사용 예제 인풋창에서 텍스트를 입력하면 해당 텍스트를 포함하는 유저를 실시간 검색한다. 병목 발생 지점 1) request - SQL - response 과정에서 SQL문 자체가 오래걸림 2) javascript data handling 1)을 통해 받아온 데이터가 크다보니, javascript를 통해 UI에 데이터를 삽입하는 과정에서 병목 발생 해결방법 1) request 비동기 처리 - Ajax를 활용해서 request를 하고 있는데, request 및, response 처리 과정을 Promise를 사용하여 비동기처리로 변.. 공감수 1 댓글수 2 2024. 12. 13.
PHP: log monitoring # access.log # error.log # php-fpm.log PHP는 Nginx, Apache 등의 서버를 통해 실행되므로tail -f 를 통해 log를 추적하는게 일반적이다. Linux 기준, php7.4 버전 기준으로 로그를 모니터링Nginx 로그, php7.4-fpm 로그 # Nginxtail -f /var/log/nginx/access.logtail -f /var/log/nginx/error.log# php7.4-fpmsudo tail -f /var/log/php7.4-fpm.log 공감수 0 댓글수 1 2024. 12. 6.
PHP: 특정 버전 설치 & Nginx 사용 # php7.4 # php-fpm # apache 제거 Linux (WSL)에서 특정 버전의 PHP를 설치하고Nginx를 사용해서 서버 구성하기 단계는 다음과 같다.1. 특정 버전의 php를 설치하기 위한 준비2. php 설치 (7.4 기준으로 설명) - php와 관련 설치도 포함 (+ php-fpm, php-cli ...)3. nginx 설치 & 실행 - apache로 인해 실행이 안되면 '5. nginx 실행' 으로 진행4. apache 제거 - php를 설치하니 apache가 따라온다. - 나는 원하지 않으니 apache를 제거하고 nginx를 사용5. nginx 실행 - 3에서 apache의 80 포트 사용으로 실패시 다시 실행 * FastCGI server 설정 활성화 PHP 설치 준비1. php 설치 준비sudo apt update 2... 공감수 0 댓글수 1 2024. 12. 5.
Python: script내의 argument(인자) 받는 함수 실행하기 # python -m script_path method args 예제 코드 if __name__ == "__main__": import sys with Database() as db: if len(sys.argv) > 1: method_name = sys.argv[1] method = getattr(db, method_name, None) args = sys.argv[2:] # Get additional arguments if method is not None and callable(method): method(*args) # Pass the arguments to the method el.. 공감수 0 댓글수 0 2024. 12. 5.
PostgreSQL: password 안전하게 사용하기 # PGPASSWORD # .pgpass # .env Python에서 프레임워크가 아닌 Script를 통해 sql문을 사용하는 상황에서create table sql을 작성할 때 DB 접근을 위해 PASSWORD가 필요하다. .env에 기록을 해두고 load_dotenv로 사용할 수 있는데,psql command에 .env에서 불러온 password를 넣는 방식은 보안에 취약할 수 있다.비밀번호 등이 명령어 히스토리에 남을 수 있기 때문이다. 예제코드를 통해 살펴보자import subprocessimport osfrom pathlib import Pathfrom dotenv import load_dotenvload_dotenv()def create_table(): db_user = os.getenv('DB_USER') db_name = os.get.. 공감수 1 댓글수 1 2024. 12. 3.
Python: script 실행시 상위 경로 인식 못하는 문제 # -m option - a.py- b_dir - b.py 위와 같은 파일 구조로 되어있고, b.py에서 a.py에 있는 a_url을 import 해서 쓰는 경우 # b.pyfrom a import a_url 위와 같은 상황에서 VS code의 'Run Python File' 버튼을 누르거나, python b.py 명령어로 실행시키면,No module named 'a' 라는 오류가 나온다.또는 상위 경로에서python a.b 명령어를 실행하면can't open file ... [Errno 2] No such file or directory 오류가 발생한다. 이런 경우에는 a.py가 있는 경로에서 -m 옵션을 주고 실행하면 된다.python -m a.b 공감수 0 댓글수 0 2024. 12. 2.
Windows: 커맨드 단축키 # alias # doskey Linux에서 커맨드를 편하게 사용하기 위해 alias 등록을 할 수 있다. Windows에서도 똑같은 기능을 할 수 있도록 해보자. 기준 shell은 cmd 이다.1. 매크로를 적은 스크립트 작성원하는 경로 (예: C:\aliases.cmd)에 script를 작성한다.@echo offdoskey cd_key=cd %HOME%\Desktop\git\keyboard_ESP32-S3doskey get_idf=call C:\Espressif\frameworks\esp-idf-v5.3.1\export.bat@echo on원하는 명령어를 doskey를 통해 등록한다.@echo off, @echo on 안에 입력하는 것은, cmd 창이 실행될 때, 해당 명령어들이 등록되는 것을 출력하지 않도록 하기 위함이다. (즉.. 공감수 0 댓글수 0 2024. 12. 1.
Nginx: 새로 켰더니 Nginx가 실행이 안되어 있을 때 in Mac brew services start nginx Try re-running the command as root for richer errors.Error: Failure while executing; `/bin/launchctl bootstrap gui/501 /Users/sir/Library/LaunchAgents/homebrew.mxcl.nginx.plist` exited with 5.위 명령어로 nginx가 실행이 안될 때 nginx 만 입력해서 명령어를 날려보자. ChatGPT: with 'nginx' command, server is started. Is it compatible in linux ubuntu? And what is the difference between 'nginx' and .. 공감수 0 댓글수 0 2024. 11. 27.
Nginx: restart in Mac mac에서 웹서버로 nginx를 구동하고 있다.설정 반영을 위해 재시작을 하려는데 homebrew를 통해서 설치해서재시작을 할 때 아래 명령어를 사용할 수 있다고 한다.brew services restart nginx 그럼 아래와 같이 잘 됐다는 메시지가 나오는데==> Successfully stopped `nginx` (label: homebrew.mxcl.nginx)==> Successfully started `nginx` (label: homebrew.mxcl.nginx) 이렇게해서 restart가 되지 않는 경우가 있다.그럴 경우 아래 명령어 적용sudo nginx -s reload ChatGPT 와의 질문 내용도 추가When 'brew services restart nginx' command i.. 공감수 0 댓글수 0 2024. 11. 26.
React Native: iOS - FCM # firebase cloud message # Notification # 애플 개발자 등록 react native firebase 라이브러리공식 사이트: https://rnfirebase.io/ import messaging from '@react-native-firebase/messaging';async function handleAfterLogin() { const fcmToken = await messaging().getToken(); ... 로그인 시, 해당 디바이스에서 사용될 fcmToken을 얻기 위해 위와 같은 로직이 있다.Android에서는 추가 설정이 필요 없었는데iOS에서는 아래와 같은 오류가 나온다. Error: [messaging/unregistered] You must be registered for remote messages before calling ge.. 공감수 0 댓글수 0 2024. 11. 25.
React Native: iOS 네이버 로그인 # react-native-seoul/naver-login # .env # AppDelegate.mm import 문제 React Native iOS에 네이버 로그인 구현을 위해 react-native-seoul/naver-login 라이브러리를 이용하려고 한다. github repo: https://github.com/crossplatformkorea/react-native-naver-login 사용 방법은 위 깃허브의 README를 잘 읽어보고 하면 된다. 이 포스팅에서는 위 라이브러리를 적용하면서 발생한 이슈와 .env 파일을 사용하는 방법에 대해서 서술 1. ios/project명/AppDelegate.mm import 문제#import 공식 문서에서 ios/프로젝트명/AppDelegate에 위와 같이 import 하고 설정을 추가하도록 되어있다. 모든 설정을 마치고 XCode에서 빌드시 내가 마주한 에러는 다음과.. 공감수 1 댓글수 1 2024. 11. 24.
React Native: iOS 구글 로그인 # url schema # client id React Native를 통해 iOS 구글 로그인 구현 react-native-google-signin/google-signin 위 라이브러리를 통해 구글 로그인을 구현하기 위해iOS용 OAuth 클라이언트 ID를 만들고 나면, 2가지 설정을 해주어야 한다. 1. react native 코드 단에서 GoogleSignin.configure 설정에 google client id를 추가2. XCode를 통해서 iOS 네이티브 단의 Info.plist에 ios url schema를 추가. 처음에 정확히 파악하지 못하고 둘 다 google client id 또는 ios url schema를 추가했었는데, 구글 로그인 버튼을 누르면 앱이 꺼져버리는 현상이 발생했었다. .env 파일을 통해 관리하고 있어서 아래.. 공감수 0 댓글수 0 2024. 11. 23.
ssh 접속 오류: IT IS POSSIBLE THAT SOMEONE IS DOING SOMETHING NASTY!Someone could be eavesdropping on you right now (man-in-the-middle attack)!It is also possible that a host key has just been changed. ssh를 통해 접속한 원격서버에, id_rsa.pub 키를 등록해놓은 상태였다. ip 주소를 11.11.11.11 과 같은 숫자 대신에 abc.net 과 같이 도메인 명을 통해서 접속했다. 그런데 위 제목과 같은 오류가 발생- 아마 별칭은 같은데 실제 ip 주소가 달라진 것으로 보인다. 아래 명령어를 통해 해당 도메인과 관련된 키를 삭제하고 접속하면 된다.ssh-keygen -R hostname 위와 같이 해도 안되면,.ssh/known_hosts 파일을 직접 수정해서, 해당 hostname에 관련된 줄을 삭제한다. (Ctrl + K?) 다시 접속하면 비밀번호 통해서 접속할 수 있도록 가능해진다.(ex: ssh ubuntu@abc.net) 참조: https://ocxanc.tistory.com/58 공감수 0 댓글수 0 2024. 11. 22.
git: git stash -p # git stash 부분적으로 하기 git stash는, 아직 커밋되지 않은 모든 변화분을 임시보관하며 변화분이 없도록 한다. 그런데 git rebase 등을 통해 특정 커밋 내역의 작업내용을 바꾸려할 때, git stash pop을 통해 변화분을 가져올 수 있는데,문제는 원하지 않는 작업 내용이 포함되어 있기 때문에다시 git stash를 할 수도 없고, git rebase --continue를 할수도 없다. 이때, 특정 변화분만 stash를 통해서 남겨두거나, 남겨두지 않을 수 있다. 위 사진과 같이 build.gradle, LoginScreen.js, ProfileUpdateScreen.js의 3가지 작업내역 중에,ProfileUpdateScreen.js만 남겨두고git stash를 통해서 build.gradle, LoginScre.. 공감수 0 댓글수 0 2024. 11. 21.
React Native: iOS CKEditor 적용하기 # .js 파일 로드 실패 # metro.config.js # Error: ...cannot be loaded as its extension is not registered in assetExts html 파일을 통해 CKEditor Webview 를 이용하고자 한다. ckedtior 압축 파일을 받아서 react native 프로젝트 내에 assets안에 포함시켜주었고,다음과 같이 적용 ckeditor_form.html 안에는 다음과 같이 ckeditor.js 파일을 로드 ... Android에서는 문제가 없는데iOS는 실행시 아래와 같이 ckeditor.js를 로드할 수 없다고 오류 발생하며 CKEditor에 아이콘이 적용되지 않는 등 Webview html에 적용되어야할 js 파일이 로드되지 못함으로써 동작이 안됨Error: 'ios/assets/lib/ckeditor/ckeditor.js' cannot be loaded as its extension is .. 공감수 2 댓글수 2 2024. 11. 20.
React Native: iOS error # Multiple commands produce # DerivedData Multiple commands produce '/Users/sir/Library/Developer/Xcode/DerivedData/gnuboard_react_native-ctxbybazuvucjfhctyjumocvnkpk/Build/Products/Debug-iphonesimulator/gnuboard_react_native.app/Ionicons.ttf' 빌드 과정에서 위 오류가 발생한다. ~/Library/Developer/Xcode/DerivedData 를 직접 삭제해주었다. 해결..되는 경우도 있으나 아닌 경우도 있다. 이름이 겹치는 파일을 제거해줘야 하는 경우도 있는데, 실질적으로 다른 파일인데 이름이 겹치는 경우 제거를 할 경우 프로그램에 오류가 생길 수 있을 것 같다.... 추가적인 해결.. 공감수 0 댓글수 0 2024. 11. 19.
React Native: iOS - react-native-vector-icons 미인식 문제 # XCode # Info.plist React Native를 통해 iOS 개발시,react-native-vector-icons 가 인식이 되지 않는 문제가 있다.나는 react-native-vector-icons 내의 Ionicons를 사용하고 있다. https://stackoverflow.com/questions/77634653/react-native-ionicons-not-showing-in-ios-simulator React Native: Ionicons not showing in iOS simulatorHere is my code for the back to previous screen button. // ChevronLeftButton.tsx import React from 'react'; import { TouchableOpac.. 공감수 0 댓글수 0 2024. 11. 18.
React Native: iOS Info.plist에 .env 환경변수 사용하기 # xcode # Info.plist # $(변수) React Native 프로젝트에 상단에서 이용중인 .env파일의 변수를 iOS 앱 빌드시 이용하고자 한다. react-native-config 설치npm install react-native-config# oryarn add react-native-config pod 설치cd ios && pod install Xcode에 빌드시 실행될 script를 작성하자아래와 같이 프로젝트를 선택 -> Build Phases -> Run Script에 script를 삽입한다. Script 내용"${SRCROOT}/../node_modules/react-native-config/ios/ReactNativeConfig/BuildXCConfig.rb" "${SRCROOT}/.." "${SRCROOT}/tmp.xcco.. 공감수 0 댓글수 0 2024. 11. 17.
React Native: iOS 실행 에러 # 오류 # xcode 디버깅 # 앱 꺼짐 npm run ios 를 통해 iOS 개발환경에서 앱을 실행시 앱이 빌드가 되고 실행을 했는데앱이 켜지자마자 꺼지고 아래와 같은 문제가 발생 다시 열기를 하면 아래와 같이 나온다 리포트를 보면 아래와 같이 이유가 나오는데,,,, 이것만 봐선 이유를 알수가 없다... Claude에 물어보니, XCode로 실행을 해보면 상세하게 이유를 알 수 있다고 한다. 실행 버튼을 눌러서 앱을 실행하면, 오류가 난 이유를 딱 집어준다.항상 이렇게 자세히 알려주진 않을 수 있어도, 터미널로 단순 실행했을 때보다 훨씬 더 디버깅이 용이하게 알려준다. 공감수 0 댓글수 0 2024. 11. 16.
Android: versionCode 되돌려서 디버깅 # adb uninstall # 개발모드가 안되는 오류 react native를 통해서 android 앱을 개발중에 있는데,앱을 배포용으로 빌드해서 .apk 또는 .aab 파일을 만들어서 실행하면 실제 기기나 에뮬레이터에서 모두 잘 작동이 된다. 그런데, npm run android를 통해서 디버깅 모드로 실행을 하면실제 기기에서는 잘 작동하는데,에뮬레이터에서는 앱이 켜지지 않고, 직접 켜도 오류가 나면서 꺼지는 현상이 발생했다. 문제는 어디서 어떤 오류가 난다고 설명이 없이 그냥 꺼지기만 한다는 것이다...문제가 나는 커밋은 git bisect를 통해서 찾으면 효율적으로 찾을 수 있다.참조: 문제는 여러 버전의 배포를 진행하던 상황이기 때문에 versionCode를 올려준 상황이었다.배포용이 아니라 개발용으로 npm run android를 실행하는데도 ve.. 공감수 1 댓글수 1 2024. 11. 15.
git bisect # 오류 발생 커밋 찾기 # 이진 탐색 이진탐색 알고리즘을 이용하여 git에서 특정 커밋을 찾아내는 방법이 있다. git bisect 이진탐색 방식을 통해 오류 또는 성능저하를 발생시키는 커밋을 효율적으로 찾아낼 수 있다. 편하게 현재 커밋과 특정 커밋을 기준점으로 잡는 방법을 해보자. git 이진탐색 시작git bisect start 위 커맨드를 입력하면 다음과 같이 good, bad commit의 입력을 기다리는 상태라고 안내해준다. status: waiting for both good and bad commits * 현재 커밋을 오류가 나고있는 상태의 bad commit으로 설정git bisect bad 입력시 아래와 같이 good commit의 입력을 기다리고 있다고 안내해준다. (bad commit은 알려져있다는 표시도 함께) s.. 공감수 0 댓글수 0 2024. 11. 14.
Android 배포: Google Play Console 지원되는 기기 0개 오류 수정 # 구글 플레이 콘솔 # uses-feature # required="false" 구글 플레이 콘솔에서 안드로이드 배포시,비공개 테스트 단계에서 지원되는 기기가 하나도 없는 오류를 만나는 경우가 있다.이는 카메라 설정과 관련된 오류로,모든 카메라 기능을 필수적으로 요구하도록 설정되어 있기 때문일 수 있다. (대개는 이 경우인 듯)특정 camera 기능을 사용하도록 요구하는 설정을 직접 작성해주지 않으면,해당 camera 기능을 사용하도록 요구하는 설정이 default가 true로 되어 있게 되고,아무런 camera 기능을 기재하지 않으면 모든 camera 기능을 사용하도록 요구하는 설정이 true로 되어 있게 된다. 그런데 기기들 중에 모든 camera 기능을 제공하는 기기가 없기 때문에 지원기기가 0개로 표시가 되는 것이다.따라서 AndroidManifest.xml에 해당 camer.. 공감수 4 댓글수 5 2024. 11. 13.
React Native: Android 구글 플레이 콘솔 .keystore 분실 (새로 생성 등) # play console 배포를 위해서 .keystore 파일을 만들 시, keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000 위 명령어에 같은 이름, 같은 alias, 같은 비밀번호로 생성을 하고 play console에 버전 업그레이드를 위해새로 번들을 올릴 경우, key hash 값이 달라서 다른 키로 인식이 돼서 번들이 올라가지 않는다. 즉, 새로운 키로 인식이 되기 때문에, 처음에 플레이 콘솔에 올릴 때 가지고 있던 .keystore를 잘 보관해야 한다. 만약 분실했다면, 새로운 .keystore를 등록하도록 한다.참고: https://documentation.swi.. 공감수 0 댓글수 0 2024. 11. 12.

728x90

반응형

문의안내

티스토리
로그인
고객센터

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