JavaScript 및 DOM 조작 마스터하기

소개

이 실습에서는 역동적인 개인 금융 추적기를 만드는 일을 맡은 신진 웹 개발자 Alex의 눈을 통해 웹 개발의 세계로 들어가게 됩니다. 사용자가 일일 지출과 수입을 입력하고 추적할 수 있는 사용자 친화적인 애플리케이션을 구축합니다. 목표는 분명합니다. 직관적이고 매력적인 인터페이스를 개발하여 사용자가 번거로움 없이 쉽게 재정을 관리할 수 있도록 하는 것입니다. 이 프로젝트의 목표는 개인 재무 관리를 단순화할 뿐만 아니라 JavaScript 및 DOM 조작의 기본 개념을 소개하는 것입니다.

EconoMe 프로젝트를 완성하기 위해 5개의 연구소를 통해 작업할 예정입니다.

지식 포인트:

• 변수 선언(let, const)
• DOM 조작 기본(요소 가져오기, 요소 콘텐츠 수정)
• 이벤트 청취(addEventListener)

기본 자바스크립트

JavaScript는 단순하고 객체 지향적이며 이벤트 중심적인 언어입니다. 서버에서 클라이언트로 다운로드되어 브라우저에서 실행됩니다.

HTML 및 웹과 함께 사용할 수 있으며, 더 광범위하게는 서버, PC, 노트북, 태블릿, 스마트폰에서 사용할 수 있습니다.

특징은 다음과 같습니다.

• 일반적으로 클라이언트 측 스크립트 작성에 사용됩니다.
• 주로 HTML 페이지에 대화형 동작을 추가하는 데 사용됩니다.
• 번역된 언어로, 해석된 대로 실행됩니다.

그럼 HTML에 JavaScript를 어떻게 포함하나요?

포함 방법은 CSS와 유사하며 세 가지 방법으로 수행할 수 있습니다.

• 특히 짧은 JavaScript 코드의 경우 HTML 태그에 직접 사용됩니다.
• <스크립트> 사용 태그를 사용하면 JavaScript 코드를 및 HTML 문서의
• 외부 JavaScript 파일을 사용하여 접미사가 .js인 파일에 JavaScript 스크립트 코드를 작성하고