일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- npm
- nextJS
- styled-components
- ES6
- Docker
- JavaScript
- vscode
- currying
- github
- GitLab
- react-native
- rn
- npm install
- xtring.log
- DevOps
- React Native
- Xcode
- Swift
- git
- ios
- Android
- viewcontroller
- js
- HTML
- styling
- REACT
- Branch
- shortcut
- commit
- ReactNative
Archives
- Today
- Total
목록개발자 도구 (1)
xtring.dev
[Chrome] 개발자 도구 더 잘 사용하기 - 몇 가지 꿀팁 🚀
웹 개발자라면 크롬 개발자 콘솔을 많이 사용합니다. 누가 알려주지 않으면 몰랐을 기능을 소개합니다! * 그렇게~~~ 중요하진 않지만 알고 있으면 꿀팁인 기능들입니다! 스크린샷 크롬에서도 페이지에 대한 스크린샷을 할 수 있습니다. '그냥 시스템 스크린샷을 사용하면되는가?'라는 의문을 가질 수 있지만 크롬에서 제공하는 스크린샷은 웹 사이트의 전체를 캡쳐하거나 선택한 요소에 대해서만 스크린샷을 사용하는 것이 가능합니다! 또한 매우 고화질의 이미지를 얻을 수 있습니다. 먼저, 개발자 도구(F12)를 열어줍니다. 우측 상단의 더보기 아이콘을 클릭하면 Run command 항목을 찾을 수 있습니다. 단축키로는 간단하게 Mac 기준 command + shift + P를 사용하면 됩니다. 그럼 크롬 개발자 도구가 가지..
Front-End
2021. 2. 21. 18:05