JavaScript
1.[JavaScript] JS 기초: 개념·입출력·변수
JavaScript는 웹 브라우저에서 동작하는 프로그래밍 언어로,웹 페이지를 동적으로 제어하기 위해 만들어졌다.HTML과 CSS로 구성된 정적인 웹페이지에→ 인터랙티브한 기능을 추가할 수 있다.예를 들어:알림창 띄우기 이미지 슬라이드 버튼 클릭 시 이벤트 처리 사
2.[JavaScript] 자료형부터 연산까지
JavaScript는 다양한 데이터 타입을 제공하며, 동적 타이핑(dynamic typing) 언어로, 변수에 저장되는 값의 타입이 실행 중(runtime)에 자동으로 결정된다.✅ JavaScript에서는 정수와 실수를 모두 Number 타입으로 처리한다.JavaScr
3.[JavaScript] 제어문의 세계: 조건과 반복, 함수
JavaScript에서 프로그램의 흐름을 제어할 때 사용하는 대표적인 문법은 조건문과 반복문이다.사용자의 입력, 조건에 따라 실행 분기나 반복을 구성할 수 있으며, 동적 로직 구현에 필수적이다.조건에 따라 코드 실행 흐름을 달리하고 싶을 때 사용한다.break를 쓰지
4.[JavaScript] 데이터 구조: 객체(Object)와 배열(Array)
JavaScript에서 객체(Object)와 배열(Array)은 데이터를 구조화하고 관리하는 기본 단위이다.객체는 서로 다른 의미의 데이터, 배열은 동일한 성격의 데이터를 저장하는 데 적합하다.Python의 딕셔너리(dict)와 유사하며,key-value 쌍으로 데이터
5.[JavaScript] DOM & 이벤트: JS로 HTML 제어하기
HTML 문서의 요소를 효과적으로 다루기 위해 모든 요소를 트리 구조로 표현한 모델을 DOM(Document Object Model) 이라고 한다. JavaScript는 이 DOM을 활용해 HTML 문서의 내용을 조작할 수 있다.HTML 문서를 트리 형태로 구조화하여
6.[JavaScript] 실습 프로젝트 모음(1): 기초 DOM 실습
React, Vue, Angular 등 프레임워크는 값이 바뀌면 자동 렌더링되지만,순수 JavaScript에서는 innerHTML, innerText 등을 직접 수정해 반영해야 한다.버튼 클릭 시 div 영역에 h1, a, ul 태그를 누적 생성한다.각 버튼은 각기 다
7.[JavaScript] 실습 프로젝트 모음(2): 스타일 제어 및 이미지 다루기
JavaScript를 통해 HTML 요소의 스타일을 동적으로 변경할 수 있다. 이는 프론트엔드 인터랙션의 핵심 요소로, 사용자 경험을 향상시키는 데 중요한 역할을 한다.CSS 스타일을 JavaScript로 수정할 수 있다.방식: 요소.style.속성명 = "값" 또는
8.[JavaScript] 선언 방식, 제이쿼리(jQuery), 비동기 개념
JavaScript는 HTML에서 다음 세 가지 방식으로 선언할 수 있다.<script> 태그 내부에 코드를 작성보통 <body> 하단에 위치해 HTML 로딩 이후 실행되도록 함HTML 태그의 속성으로 JS 코드 직접 삽입유지보수가 어렵고 추천되지 않음JS