05/01 web 이론 정리

• 콘솔 창 : console.log("");
• 바닐라 JS
• 외부 JS 파일 불러오기 :: <script src="js/script.js"></script>

 

• 📍시멘틱 태그  ::
  6가지 : <header> <nav> <section> <article> <aside> <footer> 

 

• text-indent: 20px
• position : 부모 - relative / 자식 - absolute
• font-size: 1.3rem => 1.3 * 16 = px 

 

• 자바스크립트 개념, 장단점

 

• 원시 데이터 종류 :: 숫자,문자,Boolean, Undefined, Null
• Obejcet 데이터 타입 :: 배열 , 객체 , 클래스 , 

 

• 📍 변수 ::
• var (any) 재선언 가능 / 재할당가능
• let (같은Type),  재선언 불가능 / 재할당가능
• const(상수) 재할당 불가능

 

• 📍 배열 :: 같은 타입의 데이터가 인덱스 순서대로 나열된 것  <예시>
  ex) 문자열로 이루어진 학급 친구들의 이름이 나열되어있음. 

 

• 조건문 :: if 문
• 초기화 :: 처음 값 지정하는 것

 

• 📍  반복문 :: for 문  / while 문  (반복횟수가 불명확)   <정의/예시>

 

• input (type=button)

 

• menu0 = document.getElementById('menu0'); //id
• menu0 = document.querySelector('#menu0'); //class

 

• addEventListenner("click", function() { });  ---> 권장 
• menu0.onclick=function(){}  ----> 호환성

 

• at0_text.innerHTML = "안녕 1번"; 
• at0.style.display = "block";
• display or z-index

 

• 선택자 ::  > 자식 선택자    , 다중 선택자  https://www.w3schools.com/cssref/css_selectors.php

---