Power to use tools

이렇게 이미지를 동그랗게 하고 배경색을 바꾸려면 1. css로 배경색 바꾸는 것은 배경이 투명한 이미지만 된다. 만드는 법은 나의 경우 infinity fainter라는 유료앱으로 직접그렸기 때문에 "export(내보내기)"시에 "background" 를 체크 해제하면 하고 내보내면 된다. 이렇게 수정할 수 없는 완성된 이미지인 경우에는 os자체에 있는 이미지툴의 "배경제거"기능이나 이미지툴의 "선택툴"로 배경선택후 delete하는 방법들도 있다. 2. 배경색 바꾸기 : img태그에 background-color를 적용시킨다.3. 동그랗게 바꾸기 : img태그에 border-radius: 50% 을 적용. ex)코드 예제 src="../Images/editor.png" alt="editor"..

###linear-gradient(방향, 색조합1, 색조합2) background: #60b37a; background: linear-gradient(to bottom, #9DEFB6,#71B361);

엑셀로 데이터 정리를 하다 보면 이런 경우가 자주 생긴다.같은 시트 안에 두 개의 표가 있고, 특정 컬럼 값이 같을 때 다른 컬럼의 값을 가져와야 하는 상황. 그런데 이때 VLOOKUP함수로 값을 가져올 수도 있지만 연동되는 값이 자동으로 입력되면 좋을 것이다. 예를 들어, 아래와 같이 하고 싶을 경우"표1에서 작업자 칼럼에 내 이름이 입력될 때만, 표2에 자동으로 반영되면 좋겠다." 이건 함수만으로는 완전히 해결하기 어렵고 자동화 프로그램을 만들어야 한다. 이때, 구글 스프레드에서 사용할 수 있는 것이 Google Apps Script 기능이다. Apps Script로 자동화구글 시트 메뉴에서 확장프로그램 → Apps Script(앱스 스크립트)에서 구글엑셀시트와 관련된 프로그램을 만들 수 있다. ..

1. github에 프로젝트 생성 후 배포 후 //장바구니에 담기git add .//이름표 붙임git commit -m "커밋메시지"//프로젝트 생성과 배포gh repo create 프로젝트명 --private --source=. --remote=origin --push 2. Vercel에 배포https://vercel.com/new"Import Git Repository" 섹션에서 git에 배포된 프로젝트 검색.검색되면 "import" 버튼으로 프로젝트 가져오고 deploy.안되면 vercel에 해당 프로젝트 접근 권한이 없는 것. 아래와 같이 권한 설정해줌. 설정 "Adjust GitHub App Permissions →" "Repository access" 섹션에서 Only select repos..

현상 : 아래와 같이 글자가 긴데 화면 크기에 따라 글자가 자동으로 맞춰지지 않고 가로스크롤이 생긴다. 문제 : 가로 스크롤 없이 화면 크기에 따라 모든 컨텐츠가 자동으로 들어와야 한다. 즉, 반응형이 되야 한다. 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..

예제) 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..

상황 : 서로 다른계정의 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..

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

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" 클릭하단으로 쭉 내려가면 "R..

파일 선택 -> 오른쪽 버튼 -> 정보 가져오기 그냥 저것만으로 바로 됐으면 좋겠지만 아래와 같이 파일에 대한 정보 팝업에서 해야 한다. 위치 -> 오른쪽 버튼 -> 경로 이름 복사