티스토리

Power to use tools

검색하기

블로그 홈

Power to use tools

betterwe.tistory.com/m

emilyyoo 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

gitHub 소스 vercel 로 배포 Vercel에 GitHub 저장소 접근 권한이 먼저 부여되어야 한다. GitHub의 Vercel 앱 설정 페이지로 이동:👉 https://github.com/apps/vercel GitHub · Build and ship software on a single, collaborative platformJoin the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.github.com "Configure" 클릭하단으로 쭉 내려가면 "Repo.. 공감수 0 댓글수 0 2025. 4. 25.
맥북 - 파일 경로 복사 파일 선택 -> 오른쪽 버튼 -> 정보 가져오기 그냥 저것만으로 바로 됐으면 좋겠지만 아래와 같이 파일에 대한 정보 팝업에서 해야 한다. 위치 -> 오른쪽 버튼 -> 경로 이름 복사 공감수 0 댓글수 0 2025. 4. 22.
cursor란? 간단 사용법 및 후기 일단 간단히 cursor를 소개하면 vsCode같은 IDE 툴이다. 그런데 VSCode와 달리 Cursor는 Claude 3 Sonnet이나 GPT-4, GPT-3.5 Turbo 같은 고성능 AI를 내장해서 코드와의 대화가 가능하도록 설계되어 있다. UI는 vs-code와 똑같다. 맥기준 command + L 누르면 오른쪽에 채팅 패널이 나타난다. 🧠 지금 위의 이미지를 설명하자면오른쪽 사이드바: Cursor 내장 AI 어시스턴트 창현재 실행 중인 AI: Claude 3 Sonnet 기반 AI기능:열려 있는 코드 파일을 AI가 분석코드에 대한 설명, 수정 제안, 오류 디버깅 등 자연어로 가능사용자와 "대화하듯이" 코드 관련 질문·답변이 가능함🛠 어떻게 작동하는가?Cursor는 다음과 같은 메커니즘.. 공감수 0 댓글수 0 2025. 4. 22.
일본 it전략 관련 영상을 보다가 윤석열 헌법재판보면서 일본은 ai 자체 개발하려고 GPU 싹쓸이해서 쟁여놓고, 데이터센터 만들고..기업지원하고 정부가 앞서서 무섭게 밀고 나가고 있을 때 우리는 이러고 있었다조선시대때가 생각난다.일본은 서구문물 받아들이며 발전할때조선은 내란하며 권력다툼, 비리만 하다가 망했다. 공감수 0 댓글수 0 2025. 4. 19.
가상환경 삭제, 생성,활성화 # 1. 기존 venv 폴더 삭제rm -rf venv# 2. 새로 가상환경 생성python3 -m venv venv# 3. 가상환경 활성화source venv/bin/activate# 4. 필요 패키지 재설치pip install -r requirements.txt 공감수 0 댓글수 0 2025. 4. 12.
open api 사용량 조회 및 남은 금액 확인 사이트 접속 후 왼쪽 패널에서 [API Log in] 눌러 로그인 하면,화면 전환되고, 오른쪽 상단에 계정아이콘 옆에 톱니바퀴(설정) > 왼쪽 패널에서 [billing] 보면 된다. 아래 이미지처럼 검색해서 사용할 수 도 있다. 나는 5달러 남아있다. 공감수 0 댓글수 0 2025. 4. 11.
Visual Studio Code - 자동으로 태그 닫히는 거 끄기 Visual Studio Code에서, 예를 들어 입력 시 자동으로 가 붙는 건 자동 태그 닫기(Auto Closing Tags) 기능 때문이다. 이걸 끄면 더 이상 자동으로 가 붙지 않는다. 설정끄니 세상편하다. 쓸데없는 인텔리젼스는 정말 불편한 것 같다. 끄는 방법:Ctrl + , (설정 열기)오른쪽 상단 톱니바퀴 아이콘 옆에 있는 아이콘 눌러서 settings.json 열기 (또는 Ctrl + p 해서 settings.json찾아 열기)또는 검색창에 autoClosingTags 입력아래 항목을 찾아서 never로 설정: "html.autoClosingTags": false 공감수 0 댓글수 0 2025. 4. 9.
[오픈api활용]youtube 메타데이터 추출 ***유튜브 제목과 게시날짜를 알고 싶은데 그게 여러개여서 활용해봤다. 일단 youtube api는 오픈 api고, 하루에 10,000개 영상의 메타 정보를 가져온다면 무료로 사용 가능하지만, 초과하면 유료다.나는 몇 십개 정도여서 무료로 사용하는데 문제가 없었다. 일단 관련 내용을 정리해 보면 아래와 같다. 📌 YouTube API를 제공하는 주체제공 기업: Google LLC서비스 플랫폼: Google Cloud Platform (GCP)API 문서: YouTube Data API v3 공식 문서주요 기능:동영상 검색, 조회, 업로드댓글 및 좋아요 관리채널 및 재생목록 정보 가져오기✅ 즉, YouTube API는 Google이 관리하는 서비스이며, Google Cloud를 통해 접근해야 한다. 그.. 공감수 1 댓글수 0 2025. 4. 2.
구글 스프레드시트에서 다른 스프레드시트의 시트 이름을 가져오려면 챗GPT 답입니다. --->Google Apps Script(GAS)는 별도로 다운로드할 필요 없이, 구글 스프레드시트에서 바로 사용할 수 있어. 아래 순서대로 따라 하면 돼!1. Apps Script 열기구글 스프레드시트를 연다.상단 메뉴에서 확장 프로그램 → Apps Script 클릭.새로운 Apps Script 편집기 창이 열릴 거야.2. Apps Script 코드 입력하기열린 창에서 기존 코드가 있으면 삭제하고, 아래 코드를 붙여넣기 해.javascript복사편집function getSheetNames(spreadsheetId) { var ss = SpreadsheetApp.openById(spreadsheetId); var sheets = ss.getSheets(); var sheetNames .. 공감수 0 댓글수 0 2025. 4. 2.
맥북-한/영 전환키 단축키 설정, 내장앱으로 오른쪽 단축키로 설정. (setting only Right command key mac) 1. 한/영 전환 단축키 설정 : 애플아이콘 > 시스템설정 > 키보드 : '키보드 단축키' -> '키보드 단축키' 팝업창 > 입력소스 : '이전 입력 소스 선택' 체크 =====> "^스페이스"(control + space) 가 한/영 전환하는 단축키로 싫다면 : "^스페이스" 부분을 더블 클릭하면 변경할 수 있다. 이때 원하는 키조합을 눌러서 변경. 4. 한/영 전환키를 윈도우즈에서 쓰던 위치와 맞추고 싶다면,즉, 한/영 전환키를 오른쪽 command 키로 설정하고 싶다면. ---터미널 열고 아래 명령어 입력. code ~/Library/LaunchAgents/com.local.KeyRemapping.plist ----편집화면이 나오면 아래 코드 복사 붙여넣기한다. 그리고 시스템 재시작해주면 된.. 공감수 0 댓글수 0 2025. 3. 30.
로컬소스<->git 원격 저장소 변경 **상황 : 소스를 저장소에 연결하려는 에러가 난다. emily-MacBook-Pro:xhtml-viewer a1$ git remote add origin https://github.com/~~~~.giterror: remote origin already exists. **해결 : 현재 origin에 설정된 URL을 올바른 URL로 변경하려면 아래 명령어를 실행.emily-MacBook-Pro:xhtml-viewer a1$ git remote set-url origin https://github.com/~~~.git ***연결 확인emily-MacBook-Pro:xhtml-viewer a1$ git remote -vorigin https://github.com/~~~~.git (fetch)origi.. 공감수 0 댓글수 0 2025. 3. 29.
정규식- "?" "+" 의 의미 ✅ 정규식에서 ? 기본 의미: "0개 또는 1개" (있을 수도, 없을 수도)📌 ?가 문자 또는 그룹 뒤에 붙으면, 그 앞의 것이 "선택사항"이 됨.예시 1:"colou?r" 같은 정규식은 아래와 같은 결과가 나온다. color✅u 없음 → OKcolour✅u 있음 → OKcolouur❌u가 2개 → 안 됨 예시 2:https?:// http://✅s 없음 → OKhttps://✅s 있음 → OKhttpp://❌p 두 개 → 안 됨✅ ?를 그룹 뒤에 붙이면? → 그 그룹이 있을 수도, 없을 수도 있음예시 3:(\d+)?명 3명✅(\d+) = 3명✅(\d+) 생략됨33명✅(\d+) = 33🧠 헷갈리기 쉬운 다른 쓰임들?는 단독으로만 쓰이지 않고 다른 문법과 조합돼서 더 다양한 의미를 가진다.✅ ? + .. 공감수 0 댓글수 0 2025. 3. 29.
엑셀-다른시트(또는 다른 표)에서 값 가져오기 다른 시트에서 내 시트의 기준값에 해당하는 행의 값을 가져오고자 할 경우의 수식에 대해서 정리했다. 예를 들어, 아래와 같은 "전체_도서리스트" 시트가 있다고 할 때,"우리학교_도서목록" 시트에서 각 도서제목의 ISBN을 정보를 알아야 할 경우다. "우리학교_도서목록" 시트에서 각 도서제목에 해당하는 ISBN을 넣을 셀에 아래와 같이 입력하면 된다. 그러니깐 값이 채워질 셀에 아래 식을 넣어주면 된다.VLOOKUP(A2, 전체_도서리스트!$B$93:$C$175, 2, FALSE) ***위의 식 해석 *VLOOKUP 함수의 기본 구조 :VLOOKUP(찾을 값, 범위, 반환할 열 번호, [정확한 일치 여부])찾을 값: 찾고 싶은 값(우리학교_도서목록 시트의 각 도서제목)범위: 이 값을 검색할 범위(전.. 공감수 1 댓글수 0 2025. 3. 25.
엑셀-MATCH, INDEX, IFERROR 활용 예제 시트1과 시트3이 있고 두 시트는 공통되는 값이 있는 상태. 그것을 기준으로 시트1과 시트3에 있는 어떤 값을 비교한다. 예를 들어) 시트3은 아래와 같다. 시트1은 아래와 같다. 이때 시트1의 책제목을 시트3의 책제목으로 검증하고자 한다.시트3과 공통되는 값인 ISBN을 비교하고 시트1의 ISBN에 해당하는 제목과 시트3의 제목을 비교하는 식. IFERROR( IF(INDEX(시트3!A:A, MATCH(I2, 시트3!E:E, 0)) K2, FALSE, TRUE), "찾을 수 없음") 🔍 설명I2: 시트1의 ISBNMATCH(I2, 시트3!E:E, 0): 시트3의 E열에서 해당 ISBN의 위치를 찾음INDEX(시트3!A:A, ...): 그 행의 A열 값을 가져옴 K2: 시트1의 .. 공감수 1 댓글수 0 2025. 3. 24.
엑셀-매칭되는 값을 기준으로 원하는 값 가져오기. 다음과 같은 방법으로 해결할 수 있습니다. 간단히 VLOOKUP 함수를 사용하는 방법을 안내드리겠습니다.📌 엑셀1의 F열에 엑셀2의 D열 값을 삽입하는 방법 (VLOOKUP)두 엑셀 파일의 데이터가 서로 다르게 정렬되어 있어도, VLOOKUP을 사용하면 I열과 C열의 동일한 내용을 기준으로 원하는 값을 가져올 수 있습니다.✅ 1단계: 파일 준비두 엑셀 파일을 모두 열어놓습니다.두 파일의 내용이 다음과 같다고 가정합니다.엑셀1내용 설명 I열비교 대상 데이터 (기준값)F열여기에 엑셀2의 D열 값을 가져올 예정 엑셀2내용 설명 C열비교 대상 데이터 (기준값)D열가져오려는 데이터 ✅ 2단계: 엑셀1의 F열에서 VLOOKUP 함수 사용엑셀1의 F열 첫번째 셀(예: F2)에 다음 공식을 입력합니다. =VLOOK.. 공감수 1 댓글수 0 2025. 3. 22.
터미널로 이미지 간단 편집(합성,다수의 이미지를 하나의 이미지로) 터미널에서 ImageMagick 라이브러리를 사용하면 간단한 명령어로 이미지를 합성할 수 있다.1. ImageMagick 설치Mac에서는 Homebrew를 사용하여 설치할 수 있다. 터미널을 열고 다음 명령어를 실행.brew install imagemagick 설치가 완료되었는지 확인하려면 다음을 실행. magick -version ***기본 명령어 (한 줄 실행)1. 두 개의 이미지를 가로로 나란히 이어 붙이려면 +append 옵션을 사용.세로로 붙이려면 -append 옵션을 사용하면 된다. 2개이상이면 아래와 같은 패턴으로 이미지 추가 가능. magick convert +append 이미지1.png 이미지2.png 합쳐진이미지.png ex)magick convert +append /Users/a1/.. 공감수 0 댓글수 0 2025. 3. 19.
웹페이지의 태그 분석 방법 렌더링된 웹페이지의 태그를 분석하고 선택자를 만드는 방법1. 웹페이지의 태그 분석 방법웹페이지에서 원하는 요소를 찾기 위해 HTML 구조를 분석하는 방법은 다음과 같다.(1) 개발자 도구 사용Chrome(또는 Edge, Firefox)에서 웹사이트 열기F12 또는 Ctrl + Shift + I (Mac은 Cmd + Option + I) 키를 눌러 개발자 도구 열기Elements 탭에서 원하는 요소 찾기Ctrl + Shift + C (Cmd + Shift + C for Mac)를 누른 후, 마우스를 웹페이지 요소 위에 올리면 해당 태그가 하이라이트됨해당 태그의 HTML 구조 확인예시:html : div class="product"> h2 id="title">상품 제목h2> p class="price">.. 공감수 1 댓글수 0 2025. 3. 17.
크롬 개발자도구에서 실행중인 자바스크립트 종료시키기. **화면을 새로고침하거나 개발자 도구를 닫으면 된다.- 개발자 도구를 닫으면 콘솔에서 실행 중인 스크립트도 중단된다. **맥기준 단축키Option + Command + I** (⌥ + ⌘ + I) 공감수 1 댓글수 0 2025. 3. 16.
구글 스프레드 시트- 텍스트 열로 나누기 아래와 같은 형태의 텍스트 데이터가 있었다. 파일명|||확장자|||수정날짜|||파일경로 보통 엑셀 데이터를 텍스트로 표현하면 "," 로 칼럼을 구분하다. 하지만 내 경우 값 자체에 "," 이 들어있어서 "|||" 로 칼럼을 구분했다. 텍스트 있는 열을 위 이미지 처럼 영역지정 후 "데이터 - 텍스트를 열로 분할" 그러면 하단에 구분선 선택하는 드롭다운 박스가 나타난다. -> 드롭다운 리스트에 해당하는 구분자를 택하면 되는데 내 데이터에 맞는 "|||" 는 당연히 없었다. 이렇게 리스트에 없으면 "맞춤" 선택후 입력하면 된다. 그러면 아래 이미지처럼 구분자를 기준으로 칼럼이 구분된다. 공감수 0 댓글수 0 2025. 3. 14.
구글 드라이브 파일 다운로드 링크 여러개 한꺼번에 받기 구글 드라이브 파일 다운로드 링크 여러개 한꺼번에 받기 파이썬 코드.구글 드라이브 파일 다운로드 링크의 접근권한이 "링크있는 사용자" 이거나 "공개" 일 때만 가능한 코드다. 사전에 selenium 이 설치되어 있어야 하고,-> 없다면 -> pip install selenium requests 크롬 드라이버가 로컬에 있어야 한다. -> 없다면 -> 아래 포스팅 참고해서 다운.https://betterwe.tistory.com/150 **파이썬 코드 import timeimport osfrom selenium import webdriverfrom seleniuhttp://m.webdriver.common.by import Byfrom seleniuhttp://m.webdriver.chrome.serv.. 공감수 1 댓글수 0 2025. 3. 12.
이미지 파일 여러개를 하나의 이미지로 만들기 내 경우, 이미지 두 개를 가로로 이어붙여서 하나의 PNG 파일로 만들어야 했다.🛠 방법 1: ImageMagick (터미널)터미널에서 ImageMagick을 사용하면 한 줄로 해결 가능.먼저 Homebrew를 통해 설치해야 한다1️⃣ ImageMagick 설치 (한 번만 하면 됨)brew install imagemagick2️⃣ 가로로 이어붙이기magick +append "1-29.png" "1-40.png" "merged.png" ✅ image1.png와 image2.png를 가로로 이어서 output.png로 저장✅ +append 옵션을 사용하면 가로로 병합, -append를 쓰면 세로로 병합✅ 여러 개 파일도 가능 : 위의 경우는 경로가 해당경로일 경우고 아래는 경로가 다를 경우다.magick .. 공감수 0 댓글수 0 2025. 3. 12.
가상환경 보기 및 활성화 emily-MacBook-Pro:Documents a1$ ls -d */ | grep venvvenv/emily-MacBook-Pro:Documents a1$ source myenv/bin/activate(myenv) emily-MacBook-Pro:Documents a1$ 공감수 0 댓글수 0 2025. 3. 9.
[python] json 데이터 읽기 **python의 json 모듈활용. import json# JSON 문자열을 Python 객체로 변환json.loads('{"name": "John", "age": 30}') # 문자열 -> dict# Python 객체를 JSON 문자열로 변환json.dumps({"name": "John", "age": 30}) # dict -> 문자열# JSON 파일을 Python 객체로 읽기with open('file.json', 'r') as f: data = json.load(f) # 파일 -> dict# Python 객체를 JSON 파일로 저장with open('file.json', 'w') as f: json.dump(data, f) .. 공감수 0 댓글수 0 2025. 3. 3.
로지텍 페블 무선 마우스 <-> 갤럭시탭, 맥북 연결 logiteck pebble M350 마우스. 동글없이 기기와 마우스를 연결하는데 한참 헤맸다. 전원 스위치를 올려서 켰는데도 연결이 안됐다. 특히, 갤럭시탭은 블루투스 연결가능한 기기 목록에서 로지텍 마우스가 뜨지를 않았다. macbook 또한, 뜨긴 하는데 연결이 안되었다. 해결방법은 간단하다. 파란불이 블루투스 연결모드이고 초록불이 블루투스 잭을 꽂았을 경우 연결 모드이다. 잭없이 블루투스 연결시 아래와 같이 하면된다. 불들어오는 곳 아래 버튼을 3초 정도 길게, 꾸우우욱-눌러준다. 그러면 파란불이 빠르게 깜빡댄다. 그때 연결준비가 된 것이고 태블릿이나 노트북에서 인식하면서 블루투스 '연결 가능한 기기' 목록에 뜬다. 안뜨면 "찾기" 눌러서 찾던지 "사용 중" 껐다가 다시 .. 공감수 2 댓글수 1 2025. 3. 3.
막 짜낸 레몬즙 식욕을 누르는 데에 레몬즙만 한게 없는것 같고 유튜브에서 어떤 한의사가 레몬찬양하는거 보고 레몬 20개를 샀다. 껍질채로 먹는게 좋다기에 식초와 물에 담그며 깨끗이 세척하고, 비싸게 샀지만 묵혀두고 있었던 착즙기로 통째로 착즙했다. 갓 짜낸 레몬즙은 처음 먹어본다.정말 고급지다. 너무 맛있다. 향이 말로 표현이 안되게 좋다. 진짜 진득하다.착즙기 당근에 내놨는데 취소해야겠다.물 한방울 들어가지 않아 너무 시고 역겨울까봐 걱정하며 한모금 했는데 정신이 확 깨게 맛있었다. 한 잔 쭉 들이켜고 바로 또 한개 착즙해서 마셨다.신세계다. 유기농이라고, 물한방울 안 들어갔다고 하는 사먹는 레몬즙과 차원이 다르다. 그런건 몸에 좋다기에, 디톡스하려고 억지로 먹었는데 이건 아니다.정말 시긴한데 역하지 않다. 상큼하다는.. 공감수 1 댓글수 0 2025. 2. 26.
gs - 규격/포장 불량 반송 택배 중고거래를 하면서 gs편의점 반값택배를 보낼 때 나는 항상 보내고 나서 잘 발송됐는지 배송조회해서 확인하는 편이다.특히 이번에는 포장이 불안해서 배송조회를 몇번이고 했다. 제품자체 상자가 있었는데 그것까지 상품으로 봐서 그대로 보낼 수 없었다. 그렇다고 마땅한 택배상자도 없어서 뽁뽁이로 감싼후 종이로 한번 포장을 했다. 찜찜했지만 편의점에서 접수가 되길래 되는 건가보다 싶었다.그런데 며칠 뒤 배송조회를 해보니 발송되는 과정 중간에 "집하 불가했습니다"가 뜨면서 그 지점부터 배송이 멈췄다. 그리고 반송장번호가 발급되었다.지금까지 반값택배 여러번 했는데 모두 다 잘 도착했기에 반송에 대한 고려는 전혀 하지 않았다. 그래서 반송주소도 부정확하게 적었었다.오랜 대기끝에 택배사와 통화가 연결됐다.이렇게 포장불량인.. 공감수 3 댓글수 0 2025. 2. 25.
(React)데이터 로딩 상태를 표시하는 방법 데이터 로딩 상태를 표시하는 방법은 사용자 경험(UX)을 개선하는 중요한 요소다. 일반적으로 다음과 같은 방법들이 사용된다.1. 스피너 (Spinner) 사용로딩 중임을 시각적으로 알릴 수 있는 가장 간단한 방법.보통 react-loading 같은 라이브러리를 사용하거나 CSS 애니메이션으로 직접 구현 가능.✅ 예제 (ShadCN + Tailwind) import { Loader2 } from "lucide-react"const LoadingSpinner = () => { return ( )}export default LoadingSpinner##다른 페이지에서 사용시{isLoading && }⚡ 라이브러리 필요: lucide-react (npm install lucide-r.. 공감수 0 댓글수 0 2025. 2. 24.
Next.js 프로젝트 시작하기 1. Node.js 설치 확인Next.js는 Node.js가 필요하니까 먼저 설치되어 있는지 확인.터미널에서 다음 명령어를 실행.node -v 버전이 출력되면 이미 설치된 거고, 없다면 Node.js 공식 사이트에서 LTS 버전을 다운로드해 설치.2. Next.js 프로젝트 생성터미널에서 프로젝트를 생성할 디렉터리로 이동한 다음, 아래 명령어를 실행.npx create-next-app@latest my-next-app (여기서 my-next-app은 원하는 프로젝트 이름으로 변경 가능)이후 설정을 선택하는 단계가 나오는데, 기본적으로 엔터를 눌러 진행.내가 한 설정:TypeScript 사용 여부 → Yes (추천)ESLint 설정 → No (코드 품질 체크)Tailwind CSS 사용 여부 → Yes (.. 공감수 0 댓글수 0 2025. 2. 23.
Iron-Session 개념과 작동 원리 iron-session은 Next.js에서 데이터를 클라이언트가 직접 접근할 수 없도록 서버 측 세션을 유지하는 방식을 제공하는 라이브러리다. 브라우저의 cookie를 이용하지만, 내부적으로는 암호화되어 데이터가 보호되는 방식이다.1. 작동 원리세션 데이터 저장:서버에서 req.session 객체에 데이터를 저장하면, iron-session은 이를 암호화된 쿠키로 변환하여 클라이언트에게 보냄.쿠키에는 실제 데이터가 아닌, 암호화된 값이 저장되므로 클라이언트가 내용을 확인할 수 없다.세션 데이터 읽기:클라이언트가 요청을 보낼 때, 서버는 브라우저가 보낸 쿠키를 해독해서 req.session에 세션 데이터를 복원함.세션 유지:cookieOptions.maxAge를 설정하면 해당 시간 동안 세션이 유지되고, .. 공감수 0 댓글수 0 2025. 2. 21.
FirebaseError: Firebase: Error (auth/operation-not-allowed). 현상 :firebase가 제공하는 핸드폰 인증하려고 소스를 짜는데 에러난다. 원인 :Firebase setting 문제 해결 : 1. Firebase Console ([https://console.firebase.google.com/](https://console.firebase.google.com/)) 접속2. 프로젝트 선택3. 왼쪽 메뉴에서 "Authentication" 선택4. "Sign-in method" 탭 클릭5. "Phone" 제공업체를 찾아 "Enable" 클릭 6. 테스트를 위한 전화번호 추가 (개발 중에는 테스트 전화번호만 작동)1. "Phone numbers for testing" 섹션에서 테스트용 전화번호 추가2. 예: +821012345678 및 테스트용 인증 코드 (예: 1.. 공감수 0 댓글수 0 2025. 2. 20.

문의안내

티스토리
로그인
고객센터

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