2023/12/18 😤 자바스크립트 , 방대한 그릇

---

---

 

 

❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ 

GitHub - gayulz/StudyHistory: 나의 공부 기록 commit

 

 

---

 

 

 

 

---

 

수업 전 정리

1. html
   1. html tag 공부 포인트
      1. 태그의 특성
      2. 태그의 디스플레이 특징
      3. 태그의 속성
      4. 태그의 값
      5. 태그의 사용 예제

meta tag : 개발 정보, 개발 환경에 대해 정의
charset : UTF-8 은 한글 표현 2바이트

 

 

 

 

HTML

화면을 보여주기 위한 정적 문서이다.
클라이언트에게 정보를 보여주거나 클라이언트가 서버에 요청하는 목적으로
사용되는 View 파일 입니다
HTML의 문서는 태그로 구성되어 있다.
태그는 각각의 특징이 있다.
태그별로 갖는 속성이 다르다

Node.js

자바스크립트의 실행은 Html파일을 통한 브라우저를 이용하여 실행이 된다

 

 

 

 

CSS

선택자 : HTML 문서에 있는 태그를 선택하기 위함이다
사용처 - 디자인/값을 가져오거나 값을 사용하기위함

 

 

 

확장이론

JS 영역에서 HTML 을 선택하려면 3가지 방법이 있다
순수 Js 방법 : getElementBy ~
tag 선택자로 하는 방법 : querySelector

자식 태그를 선택하는 방법

1번째 방법 
let b = document.getElementsByTagName("div")
b[0].childNodes[1].innerHTML
// ' 나의 부모는 div '

2번째 방법
document.querySelector('div h1').innerHTML
// ' 나의 부모는 div '

자식 노드 선택 : childNodes
요소 생성 ; createElement

 

 

 

오전 미션

기능정의

1. 검색어를 입력한다
2. 검색 버튼을 누른다
3. 입력한 검색어가 js에 변수에 값으로 등록된다
4. 검색어 목록의 자식노드에 변수가 추가된다

--