반응형 CSS2 HTML CSS 선택자 Flexbox 웹폰트 웹아이콘 javascript 백틱 🧠 웹 개발 학습 정리✅ 기초 구성 요소구분설명 구분설명HTML웹 구조 담당. , 등 의미 없는 박스를 만드는 태그도 있음CSS디자인을 담당. 선택자 이해가 중요JavaScript (JS)동적인 기능 담당. 변수 let, 상수 const 중심React사용자 정의 태그(컴포넌트)로 UI를 구성. 직접 태그(컴포넌트)를 만들어 사용Node.js백엔드 프레임워크로 사용 가능 🎨 CSS 주요 개념1. 선택자(Syntax)css 선택자 { 속성: 값; } 선택자 종류예시태그 선택자div, p, a 등아이디 선택자#menu클래스 선택자.box부모 > 자식div > p조상 자손div p➡ 참고: CSS Selector Cheatsheet2. 초기화css* { margin: 0; padding: 0;} 3. .. 2025. 5. 21. VSCode Git HTM CSS JS GitHub git ✅ 1. VSCode 학습 및 정리📌 1-1. 설치 및 준비VSCode 설치링크: https://code.visualstudio.com/docs/?dv=win64user설치파일: VSCodeUserSetup-x64-1.99.3.exe참고 사이트HTML 태그 문서:W3SchoolsMDN Web Docs📌 1-2. VSCode 확장 프로그램 (Extensions) 설치필수 설치 항목:Auto Rename Tag (자동 태그 닫기)Live Server (HTML 실시간 미리보기)📌 1-3. VSCode에서 HTML 실행하기index.html 파일에서 우클릭 → Open with Live Server실시간 웹 미리보기 가능📌 1-4. 작업 폴더 열기메뉴: File → Open Folder폴더 경로 예시:.. 2025. 5. 21. 이전 1 다음 반응형
