이 카테고리는 한빛미디어의 혼자 공부하는 자바스크립트 교재를 학습하는 내용을 정리하는 공간입니다.혼공 자바스크립트를 선택한 이유 와 혼공학습단을 지원하게 된 이유현재 국비교육 과정을 들으면서 자격증 준비를 하고 있는데, 웹디자인 기능사 실기 시험일이 얼마 남지 않았고 교육 과정에서도 마침 웹을 배우기 시작해서 복습과 자격증 준비를 겸해서 지원하게 되었습니다.후기  혼자 공부하다보면 어느샌가 뒤로 미뤄지는 날이 많은데, 그걸 방지하고자 매주 숙제를 제출해야하는 혼공학습단에 지원했는데, 항상 제 시간에 제출하지는 않았지만.. 틈틈이 공부하는 시간을 갖는 습관을 기르는데에 많은 도움이 되었습니다. 주마다 우수학습자를 뽑아서 간식을 주는 걸 보면 의욕도 나서 더 열심히 했던 것 같습니다. 국비교육 과정을 들으면..

이 카테고리는 한빛미디어의 혼자 공부하는 자바스크립트 교재를 학습하는 내용을 정리하는 공간입니다.📌 주요 기능 및 동작 원리1. DOMContentLoaded 이벤트 리스너document.addEventListener("DOMContentLoaded", callback)HTML 문서가 완전히 로드된 후 JavaScript가 실행되도록 보장.오타 주의: "DomContentLoaded" ❌ → "DOMContentLoaded" ⭕2. .rect 클래스를 가진 모든 태그 선택document.querySelectorAll(".rect")HTML 문서에서 .rect 클래스를 가진 모든 요소를 가져옴.NodeList(배열과 비슷한 객체)로 반환되며, forEach를 사용해 각 이미지에 접근 가능.3. 이미지..

이 카테고리는 한빛미디어의 혼자 공부하는 자바스크립트 교재를 학습하는 내용을 정리하는 공간입니다. 1. 객체 속성 (Properties)객체 속성은 객체 안에 포함된 값들을 의미한다. 객체 속성은 문자열, 숫자, 배열, 함수 등 다양한 값을 가질 수 있다. 객체 속성에 접근하거나 수정하려면 두 가지 방법을 사용할 수 있다.1.1. 객체 속성 접근객체의 속성에 접근하는 방법은 두 가지가 있다.점 표기법 (Dot Notation): 속성 이름을 점으로 구분하여 접근하는 방법이다. 주로 속성 이름이 변수나 상수로 지정되어 있을 때 사용한다.const person = { name: 'Alice', age: 30 }; console.log(person.name); // Alice console.log(person..

이 카테고리는 한빛미디어의 혼자 공부하는 자바스크립트 교재를 학습하는 내용을 정리하는 공간입니다.📌 자바스크립트 함수 정리1. 함수(Function)란?특정 작업을 수행하는 코드 블록.같은 코드를 반복해서 사용하지 않도록 도와줌 (재사용성).유지보수와 가독성을 높여줌.2. 함수 선언 방식2.1. 함수 선언문 (Function Declaration)function sayHello() { console.log("Hello, World!");}sayHello(); // 실행 결과: Hello, World!function 키워드를 사용해 선언.코드 실행 전에 호이스팅됨.2.2. 함수 표현식 (Function Expression)const sayHello = function() { console.log("H..

이 카테고리는 한빛미디어의 혼자 공부하는 자바스크립트 교재를 학습하는 내용을 정리하는 공간입니다.자바스크립트 조건문과 사용자 입력 예제 1. 조건문을 활용한 숫자 비교코드 설명다음 코드는 변수 x의 값이 특정 조건에 부합하는지 확인하는 예제입니다. 조건문을 중첩하거나 논리 연산자를 사용하여 같은 결과를 출력할 수 있습니다.코드:실행 결과:조건에 맞습니다.조건에 맞습니다2.설명:첫 번째 조건문은 x가 10보다 크고 20보다 작은 경우 "조건에 맞습니다."를 출력합니다.두 번째 조건문은 논리 연산자 &&를 사용하여 동일한 조건을 확인한 후 "조건에 맞습니다2."를 출력합니다.2. 사용자 입력을 통한 띠 계산코드 설명아래 코드는 사용자가 태어난 해를 입력하면 해당 해의 띠를 계산하여 출력합니다. 사용자의 입력..

이 카테고리는 한빛미디어의 혼자 공부하는 자바스크립트 교재를 학습하는 내용을 정리하는 공간입니다.1주차 숙제기본 숙제 (필수)Chapter 01 ~ 02 학습p.54 파일 만들고 저장해 실행하기아래는 'Hello World'를 출력하는 HTML 코드입니다. 설명: HTML5 문서임을 명시합니다.: 문서의 언어를 영어로 설정합니다.: 메타데이터를 포함하는 부분입니다.: 문자의 인코딩 방식을 UTF-8로 설정합니다.: 반응형 웹을 위한 뷰포트 설정입니다.: 웹 페이지의 제목을 설정합니다.: 자바스크립트를 이용해 'Hello World' 경고창을 띄웁니다.: 웹 페이지의 본문이 들어가는 부분입니다.추가 숙제 (선택)1. 쉽게 사용할 수 있고, 기능이 많다고 느꼈던 웹사이트 5개Google (https..