DAY-37 자바스크립트 시작

🚀 자바 스크립트 시작

2022-04-25

❗ 수업을 듣고, 개인이 공부한 내용을 적은 것 이기에 오류가 많을 수도 있음

🔔변수 선언

var : function level scope

let,const : block level scope

scope

• function level scope : 하나의 함수 내에서 선언한 변수는 해당 함수 내에서 공유되는 경우
• block level scope : 하나의 블록 내에서 선언한 변수는 그 블록 내에서만 공유가 가능한 경우 (자바에서의 지역변수)

🔔type

자바스크립트에서의 자료형

• String, boolean, number, Bright, null, undefined, Symbol(고유한 값을 만들고자 할 때 사용하는 자료형)
  • undefined : 변수를 선언하고 그 변수에 값이 대입되지 않았을 경우
  • null : 값 자체가 없는 경우

🔔basicFunction

알림창

1) alert

• 기본적인 알림창(확인 버튼 하나가 뜬다)

1) confirm

• 알림창(확인 버튼과 취소 버튼이 나옴)

3) prompt

• 알림창(확인과 취소, 입력창을 띄워준다)
• 입력한 결과값을 return 해줌

🔔selector

getElementById

See the Pen Untitled by kimyeong96 (@kimyeong96) on CodePen.

1. value : input, textarea, select 태그들은 value를 통해서 값에 접근 가능
2. innerHTML : innerHTML을 통해 input, textarea, select 태그들을 제외하고 값에 접근 가능

See the Pen Untitled by kimyeong96 (@kimyeong96) on CodePen.

🔔함수

• 자바스크립트에서 함수는 값처럼 사용가능

익명함수

• 이름이 없는 함수

이벤트

• 이벤트 : 브라우저 안에서 사용자가 취하는 모든 액션 (클릭, hover, drag, 스크롤, 크기조절..)

• call back function : 함수안의 파라미터로 다른 함수를 호출

• event listener(이벤트 감시자)

  특정한 이벤트가 발생했을 때 그 이벤트를 감지하는 역할

• event handler(이벤트 처리자)

  특정한 이벤트가 감지됐을 때 그에 따른 처리코드를 수행하는 역학

• e-> 일어난 이벤트에 대한 정보

See the Pen Untitled by kimyeong96 (@kimyeong96) on CodePen.