분류 전체보기 204

미디어쿼리도 썼고 가로 스크롤도 없앴는데 글자가 잘려 보이는 현상

현상 : 아래와 같이 글자가 긴데 화면 크기에 따라 글자가 자동으로 맞춰지지 않고 가로스크롤이 생긴다. 문제 : 가로 스크롤 없이 화면 크기에 따라 모든 컨텐츠가 자동으로 들어와야 한다. 즉, 반응형이 되야 한다. x 해결 1 : 처음에 반응형 문제인줄 알고 미디어 쿼리를 넣어봤는데 안됨. @media (min-width: 768px) { body { font-size: 11px; line-height: 1.6; } } x 해결 2 : 가로 스크롤없애면 될 줄 알고 아래 코드 넣어봤는데 안됨. overflow-x: hidden; o 해결 3 : pre, code태그에 있는 콘텐츠가 있었는데 아래와 같이 자동줄바꿈 하니 해결됨. pre, code { white-spa..

IT기타 2025.05.13

엑셀-다른 시트 참조해서 값가져오기

예제) ISBN 기준으로 상품코드, ItemID 가져오기📄 시트 구성Sheet1: 수정할 정보Sheet2: 참고정보ISBN 기준 열(두 시트의 공통된 연결키값) : Sheet1!AE열 = 전자책 ISBN (기준)Sheet2!S열 = 전자책 ISBN (기준)목적 : Sheet1의 a열과 b열에 Sheet2에 있는 값 가져오기. ***sheet2에는 상품번호와 itemId가 있고 위의 sheet1에는 없다. 🔧 수식✔ Sheet1의 A열 (상품코드): =INDEX(Sheet2!$B:$B, MATCH(AE2, Sheet2!$S:$S, 0)) ✔ Sheet1의 B열 (ItemID):=INDEX(Sheet2!$C:$C, MATCH(AE2, Sheet2!$S:$S, 0)) ✅ 수식 구성 요소 분석1. MA..

IT기타 2025.05.13

Repository not found.fatal: repository 'https://github.com/다른계정/프로젝트이름.git/' not found

상황 : 서로 다른계정의 github 프로젝트 끼리 연결할때. 공유하고자 하는 프로젝트 측에서 연결하려는 계정(setting > collaborators > add people) 을 추가했다. 그리고 초대수락도 한 상태. 문제 : 그런데 'add people' 했던 계정의 로컬에서 소스 푸시할려고 했는데 에러난다.git push -u origin main-->결과remote: Repository not found.fatal: repository 'https://github.com/다른계정/프로젝트이름.git/' not found 해결 :###1. URL 오타 확인 : 맨 끝에 /가 붙어 있지만, 보통은 없어야 한다. 아래와 같이 다시 연결 설정 후 해보기.git remote set-url origi..

IT기타 2025.05.10

[basic-서비스워커1]서비스 워커란?

오프라인에서 실행될 수 있음. 브라우저와 웹사이트 사이에 있는 것. 즉 사용자가 브라우저를 통해 어떤 웹사이트에 접속하면 그 웹사이트가 서비스워커를 이용한다면 가장 먼저 실행된다. 브라우저 -> url -> 서비스워커 -> 웹사이트 어떤 브라우저는 서비스워커기능을 허용하지 않을 수 있으니 navigator.serviceworker 로 기능 지원여부를 판단한뒤 navigator.serviceworker.register('/serviceworker.js') 웹사이트 소스 속 서비스워커 파일을 등록 한다. 그러면 마치 쿠키처럼 서비스워커가 사용자의 브라우저에 등록된다.

IT기타 2025.05.01

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..

IT기타 2025.04.25

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는 다음과 같은 메커니즘..

IT기타 2025.04.22