[엘카데미 챌린지] Bard로 만드는 MBTI 검사 웹사이트 4일차

오늘은 JavaScript에 대해 배웠다. JavaScript는 웹 페이지에 동적인 요소, 즉 상호작용 할 때 나타나는 모든 요소들을 추가해 준다. JavaScript는 HTML이나 CSS와는 다르게 프로그래밍 언어이기 때문에 변수와 자료형이 있다. 변수는 보통 'const'를 사용해서 정의해 준다. 그리고 자료형에 대해서는 밑에 코드블록에 나와있다. 

const a = 30; //변수 a 선언방법
//자료형
const str = "Hello";      //문자열
const num = 55;		  //숫자
const arr = [1, 2, "hi"]; //배열
const obj = {		  //객체
   name: "Elice",
   age:22,
};

JavaScript에서는 HTML의 요소를 하나하나 가져와서 작업을 해야 하는데, 그때 어떤 요소를 가져올지 선택은 HTML요소의 id를 사용한다. 

const titleEl = document.getElementById("HTML요소 Id")

자바스크립트에서는 이벤트를 부여해야 한다. 이때 이벤트는 웹상에서 일어나는 모든 사건들을 이벤트라 한다.

containerEl.addEventListener("click", () => {
//함수가 안에 들어간다.
	alert("container를 클릭했습니다.");
});

이렇게 이벤트 발생 시 어떻게 행동을 할지 이벤트를 부여해 줄 수 있다.

 

일단 웹개발에 대한 아주아주 미약한 기초 지식을 배웠으니 앞으로 수업에 이 내용들을 어떻게 활용할지 기대된다.