[1일 1js공식문서] JS기본

https://developer.mozilla.org/ko/docs/Learn/Getting_started_with_the_web/JavaScript_basics#%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%8A%94_%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80

Q. JS를 body 맨 아래에 넣는 이유는 ?

JS lazy loading이라고 부르는 이 현상 때문인데, HTML은 위에서 아래로 코드가 실행이 된다. 위쪽에 JS가 있으면 JS가 완료될 때까지 페이지는 렌더링이 되지 않은 빈 화면이 노출되게 된다.

https://webdir.tistory.com/514

  • Object : 기본적으로, 무엇이든, 자바스크립트의 모든 것은 객체이며 어떤 변수에 저장될 수 있습니다. 학습하는 동안 이점을 기억하세요.
  • 할당 vs 선언

선언은

let a
console.log(a)

할당은

a = 10
console.log(a)
  • 데이터 localStorage(웹 저장소 API(Web Storage API))에 저장하기
function setUserName() {
  let myName = prompt('Please enter your name.');
  localStorage.setItem('name', myName);
  myHeading.textContent = 'Mozilla is cool, ' + myName;
}
  • Cancel을 하면 사용자 이름 null로 설정

  • 공백 OK인 경우 공백으로 들어감
    => 이 문제들을 해결하기 위해서 setUserName() 함수를 수정해야한다.

좋은 웹페이지 즐겨찾기