전체 글375 Adobe XD 알아보기 https://www.adobe.com/kr/products/xd/learn/get-started.html Adobe XD 시작하기 | Adobe XD Adobe XD로 디자인 경험을 시작하세요. Creative Cloud 생태계 전반에 걸쳐 가져오고 편집하며 웹 사이트와 앱을 디자인하고 프로토타입을 제작하는 방법에 대해 학습합니다. www.adobe.com 2022. 9. 16. 절대 좌표/상대 좌표 구하기 // 상대 좌표 구하기 let element1 = document.querySelector('.box1'); let elementTop1 = element1.getBoundingClientRect().top; console.log(elementTop1); // 절대 좌표 구하기 let element2 = document.querySelector('.box1'); let elementTop2 = window.pageYOffset + element2.getBoundingClientRect().top; console.log(elementTop2) // 1000 // 다른 요소로부터 좌표 구하기 let element3 = document.querySelector('.box1'); let target = docu.. 2022. 8. 9. vscode에서 live server 새로고침이 갑자기 되지 않는 경우 vscode에서 작업 중에 live server 익스텐션을 사용 중 브라우저에서 새로고침이 되지 않는 경우가 발생함. 1. 컴퓨터 재부팅 2. 브라우저 업데이트 3. 익스텐션 재설치 등등 여러가지 방법을 사용했으나 실패;;; 구글 서치를 통해 1. 폴더에 # 유무 2. 파일명이 .(마침표) 등으로 시작 2. html에 utf 설정 3. json 세팅 수정 등등 여러가지 방법들을 찾아서 적용해보았으나 다시 실패;;; 포기하려고 했으나 폴더에 "특수문자 __(언더스코어)"가 들어있어서 혹시나 수정해 봤더니 => 잘 됨. 2022. 8. 8. html에 rem으로 작업 시 브라우저 기본 글꼴 배율이 100%이고, 크기가 16px이기 때문에 16px을 기준으로 rem이 계산되는데, 브라우저 확대/축소 시 html에 고정값으로 인한 글꼴 크기 설정을 막음으로써 rem의 용도를 해침. "Set the root HTML font-size as a percentage. That’s a percentage of the user’s default browser font-size. A typical method is to set the HTML font-size to 62.5%. That’s because 62.5% of 16px (typical default browser font-size) is 10px. That would still make 1.6rem = 16px. This n.. 2022. 6. 22. svg path 따라다니는 글자 https://developer.mozilla.org/ko/docs/Web/SVG/Tutorial/Paths 패스 - SVG: Scalable Vector Graphics | MDN 엘리먼트는 SVG 기본 도형 라이브러리에서 가장 강력한 엘리먼트이다. 선과 곡선, 호 등 다양한 형태를 그릴 수 있다. developer.mozilla.org 샘플 하나 만들어 봄. HELLO, SVG WORLD 2022. 6. 16. 모던자바스크립트 핵심 가이드 pdf (complete guide to modern javascript) 책이 심플하니 훑어보기 좋은 것 같다. 그리고 찾아본 alberto Montalesi 깃헙과 pdf https://github.com/AlbertoMontalesi/The-complete-guide-to-modern-JavaScript GitHub - AlbertoMontalesi/The-complete-guide-to-modern-JavaScript: A comprehensive, easy-to-follow ebook to learn everything fro A comprehensive, easy-to-follow ebook to learn everything from the basics of JavaScript to ES2022. Read more on my blog https://inspiredw.. 2022. 5. 25. [자료] 알아서 잘 딱 깔끔하고 센스있게 정리하는 JavaScript 핵심 개념 알아서 잘 딱 깔끔하고 센스있게 정리하는 JavaScript 핵심 개념 https://morning-heart-e2a.notion.site/JavaScript-f037c206e538471f9a9f1915b2139a60 알아서 잘 딱 깔끔하고 센스있게 정리하는 JavaScript 핵심 개념 A new tool for teams & individuals that blends everyday work apps into one. morning-heart-e2a.notion.site # 머리말과 저자소개 Notion 링크, PDF 파일 및 QR 코드 https://www.notion.so/Notion-PDF-QR-92909f3557df43bebed5028ed8ef63e5 1. 초심자가 알면 좋은 JS 생태계 ht.. 2022. 5. 16. git 협업 ##git 협업 1. git clone "깃헙주소" 2. git branch "브랜치 이름" 3. git checkout "브랜치 이름" -- 작업 -- [ push ] 1. git add . 2. git commit -m {작업 내용} 3. git checkout master 4. git merge {브랜치 이름} -- git pull -- 5. git push origin master [ push 오류 시 : ! [rejected] master -> master (fetch first) ] git pull --rebase {원격 저장소 이름} master [ pull ] 1. git checkout master 2. git pull origin master 3. git checkout {브랜치 이름}.. 2020. 9. 21. css3 포토샵 효과: mix-blend-mode https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode 2020. 9. 10. 이전1 1 ··· 32 33 34 35 36 37 38 ··· 42 다음 728x90 반응형