탐구하는 취르미

크롬 웹 개발자 도구(Chrome DevTools)를 활용하는 법에 대해서 알아봅시다크롬 웹 개발자 도구 (Chrome DevTools)크롬 웹 개발자 도구는 구글 크롬 브라우저에 내장된 강력한 도구로, 웹 페이지를 실시간으로 검사하고 디버깅하며 성능을 분석할 수 있게 해 줍니다. 웹퍼블리셔와 개발자 모두에게 유용하며, 웹 페이지의 HTML, CSS, 자바스크립트 등 다양한 요소를 실시간으로 수정해 보고 테스트할 수 있습니다.개발자 도구 열기가장 빠르게 개발자 도구를 여는 방법은 키보드 단축키를 사용하는 것입니다. macOS 기준으로 단축키 option + cmd + i를 눌러 개발자 도구를 열 수 있습니다. ( windows 기준은 ctrl + shift + i )모바일 모드 전환모바일 디바이스 모드는..

간단하게 Vite로 프로젝트 생성하는 방법에 대해서 알아보겠습니다. https://vitejs-kr.github.io/guide/ Vite Vite, 차세대 프런트엔드 개발 툴 vitejs-kr.github.io 선행 작업으로 node.js가 설치되어 있어야 합니다. 터미널을 오픈하세요. 1. npm으로 Vite 설치하기 npm create vite@latest Project name: 진행하고자 하는 프로젝트 폴더명 입력하기 ✔️ 각각의 옵션은 프로젝트 성향에 맞게 선택하기 Select a framework: Vanilla Select a variant: JavaScript cd 생성한_프로젝트_폴더명 npm install npm run dev #서버 띄우기 잠시 서버 종료 ctrl + c #서버 종료..