TIL) 7주차 2일

슬슬 개인과제를 시작해야하는데

 

배운게 너무 많다 ㅋㅋㅋ

 

정리하는 시간이 필요할듯?

 

내일도 화이팅!

---

 

자바스크립트 변수 선언 3가지 방법

---

• 자바스크립트에서는 따로 데이터 타입을 지정하지 않아도 선언된 변수에 모든 값을 넣을 수 있다
• var 
  
  • 값을 지정하지 않으면 변수에 "undefined" 값이 들어간다
  • 블록 범위에서 사용이 가능한 선언자이다. 함수에서 선언되었다면 함수 전체에서 사용이 가능한 범위를 말한다
  • 선언하지 않은 변수에 값을 지정하면 자동으로  var선언으로 간주하여 전역 변수로 생성된다
  • 함수 안쪽이 아닌 코드 최상단 공간에 있는 변수중 var로 선언된 변수는 모두 전역 변수로 생성이 된다
• let 
  • 선언된 구역, 즉 블록, 구문 또는 표현식 내에서만 사용할 수 있는 변수 선언이다
  • 선언된 블록 범위에서 같은 변수 이름으로 선언하면 에러가 발생한다
• const 
  • 한번 값이 저장되면 값을 변경할 수 없는 변수 선언이다
  • 선언할 때 초기값을 지정해야 한다.

 

---

htm 문법

---

• <button onclick=""> : 버튼을 눌렀을 때 실행되게 하는 방법

 

---

js 문법

---

window.onload = () => {} 

• 페이지가 로드되면 자동으로 실행되는 전역 콜백함수
• 페이지의 모슨 요소들이 로드되어야 호출된다
• 한 페이지에서 하나의 window.onload() 함수만 적용된다

async function & await

• async와 await는 자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법. 기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있게 도와준다
• 함수의 앞에 async 를 붙인다. 그후 함수의 내부 로직 중 HTTP 통신을 하는 비동기 처리 메서드 앞에 await를 붙인다.

document.getElementById("id")

• 태그안의 ID값을 이용해서 오브젝트에 접근할 수 있게 하는 방법
• 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환한다. 특정 요소를 빠르게 찾을 때 유용하다
• document.getElementById("id").value 는 input 태크의 id에 구분되는 element를 가져와 그것의 값을 가져오라는 뜻  

localSrorage.setItem("저장할 key이름", 저장할 value)

• html의 local storage에 key와 value를 저장하는 방법,