목차(클릭하세요)
알면 도움이 되고, 아님 말고?🤖
1. 파비콘
1-1. 파비콘이란?
•
브라우저 탭, 즐겨찾기, 모바일 홈화면 등에서 웹사이트를 대표하는 작은 아이콘
•
🟡 기본 규격
[번외]웹페이지 구조를 위한 잡지식
목차(클릭하세요)
코드박스가 초보자를 위한 미래다!!
1. 웹(web)의 3대 기본 언어 이해하기
•
HTML = 집의 뼈대와 구조 (벽, 문, 창문의 위치)
•
CSS = 집의 인테리어와 디자인 (색깔, 가구 배치, 조명)
•
JavaScript = 집의 전기와 자동화 시스템 (스위치, 자동문, 스마트홈)
1-1. HTML
1.자바스크립트 기초
목차(클릭하세요)
DOM: (Document Object Model)
[소스코드 참고 사이트]
1. DOM이란?
✅ HTML 문서를 객체의 트리 구조로 표현한 것
•
HTML: 가족 구성원들의 이름이 적힌 종이
4.JS 구현을 위한 핵심개념_DOM
목차(클릭하세요)
1. JS만의 함수 특징
1-1. 함수와 호이스팅
•
호이스팅(Hoisting)은 변수와 함수 선언이 해당 스코프의 최상단으로 "끌어올려지는" JavaScript의 독특한 동작
함수 선언문 호이스팅
// 함수 호출이 선언보다 먼저 와도 동작함
sayHello(); // "안녕하세요!" - 정상 동작
function sayHello() {
console.log("안녕하세요!");
}
3.함수와 객체
목차(클릭하세요)
console출력은 답답 그 잡채➡️ 화면으로 직접 보는 방식으로
1. 파이썬과 비교해보는 JS문법 특징
1-1. 4가지 관점에서
•
세미콜론: JS는 필요, Python은 불필요
•
중괄호 vs 들여쓰기: JS는 {}, Python은 들여쓰기로 블록 구분
•
변수 선언: JS는 let/const, Python은 변수 type 지정없이 바로 사용
2.JS기본문법 및 코드샌드박스 연습용코드


