JAVASCRIPT

JavaScript 정리 01

javascript 학습정리 02

javascript 03

논리 연산자 (||, &&)의 조건식 평가 순서

삼항 조건 연산자 (? :)와 타입 연산자 (typeof)

절차 지향 프로그래밍과 연결 지향 프로그래밍

if-else 조건문

오늘은 사용자가 입력한 값을 기반으로 HTML 요소의 스타일을 동적으로 변경하는 방법을 공부했다. 이 방법을 활용하면 사용자 입력을 받아 동적으로 웹 요소의 스타일을 변경할 수 있다. 🔹 if 조건문을 활용한 스타일 변경 📌 기본 개념 prompt()를 사용하여

2025-02-13 JavaScript에서 함수 선언 방식(ES6 이전 vs 이후), 매개변수와 반환값, 가변 인자 등을 학습.

2025-02-14 콜백 함수는 다른 함수의 인자로 전달되어 실행되는 함수다. JavaScript에서는 비동기 처리를 할 때 많이 사용되며, 이벤트 처리, API 요청, 타이머 설정 등에 활용된다.

2025년 2월 17일 드래그 앤 드롭 기능을 구현

2025년 2월 18일 input, compositionstart, compositionupdate, compositionend 이벤트의 동작 방식 한글 입력 시 조합 과정

2025년 2월 18일 동적 테이블 생성

2025-02-20 오늘은 JavaScript의 비동기 처리(setTimeout, setInterval, Promise, async/await)을 학습하고,Swiper.js를 활용한 배너 슬라이드, ScrollMagic을 활용한 스크롤 애니메이션 적용을 실습했다.=

HTML 문서에서 특정 요소를 선택하고 스타일을 변경하는 방법을 학습했다.

HTML 폼 요소에 접근하고 조작하는 방법을 학습했다.

버튼에 이벤트 리스너를 추가하고, mouseover, mouseleave 이벤트를 활용하여 버튼의 스타일을 동적으로 변경하는 방법을 학습했다.

버튼을 클릭하면 새로운 항목을 동적으로 추가하고, 삭제 버튼을 클릭하면 해당 항목을 제거하는 기능을 구현했다.

사용자가 입력한 데이터를 테이블에 동적으로 추가하고, 삭제 버튼을 클릭하면 해당 행이 제거되도록 구현했다. i

정규표현식(Regex)은 문자열 패턴을 검색하거나 검사할 때 사용하는 강력한 도구이다. t

드래그 앤 드롭(Drag & Drop)을 활용하여 리스트 항목을 이동할 수 있도록 구현했다.

Chart.js는 JavaScript로 인터랙티브한 차트를 생성하는 라이브러리이다. 다양한 차트 유형 지원 (bar, line, pie, doughnut 등). datasets을 활용하여 그래프의 색상, 데이터 값을 지정할 수 있다.

ScrollMagic은 사용자의 스크롤 이벤트를 감지하여 특정 요소에 애니메이션 효과를 적용하는 JavaScript 라이브러리이다.

Chart.js를 활용하여 스택형 막대 그래프(Stacked Bar Chart) 를 생성하는 방법을 학습했다.

Chart.js를 활용하여 JSON 데이터를 기반으로 차트를 동적으로 생성하는 방법을 학습했다.

오늘은 Bootstrap 5를 활용하여 웹사이트의 기본 레이아웃과 주요 UI 컴포넌트를 구성하는 방법을 학습했다.