생활코딩에서 JavaScript 공부하기 11일차

생활코딩으로 배우는 JavaScript 강의를 듣고 있다.

2020.03.26

어제는 쉬었다.

왜냐하면 컴퓨터가 또 꺼졌기 때문이다.

본체를 바닥에 놓아서 보일러가 돌아가서 컴퓨터가 뜨거워지는게 아닐까하고 본체를 받침 위에 올려 놓았다.

아직까지 한번도 안꺼졌다.

 

오늘은 jQuery 속성 제어 API와 Node 객체의 API에 대해서 배웠다.

사실 무슨 이야기인지 이해가 잘 안됬지만 꾹 참고 들었다.

 

오늘의 메모장

2020.03.26
jQuery 속성 제어 API
attr 이 그런 역할을 한다.
좀더 효율적으로 코드를 작성할 수 있다.
attribute 방식이다.
prop는 property 방식이다.

jQuery 조회 범위 제한
selector context
.find() 엘리먼트를 조회하는 기능을 제공한다.
find를 너무 복잡하게 사용하면 코드를 유지보수하기 어렵게 된다.

Node 객체
DOM에서 시조와 같은 역할을 한다.
모든 DOM 객체는 Node 객체를 상속 받는다.
뿌리이다.
노드의 객체는 관계성을 보여주는 API가 있다.
Node.childNodes
Node.firstChild
Node.lastChild
Node.nextSibling
Node.previousSibling
Node.contains()
Node.hasChildNodes()
각각의 노드들이 서로 어떤 관계를 맺고 있는가에 대한 정보들이다.
프로그래밍적으로 탐색할 수 있다.
노드의 종류도 알 수 있다.
Node.nodeType
Node.nodeName
값도 알 수 있다.
Node.nodeValue
Node.textContent
자식관리도 할 수 있다.
Node.appendChild()
Node.removeChild()
이런 기능을 이용해서 html상에 있는 다양한 태그 속성 텍스트가 서로 간에 어떤 관계를 맺고 있고 어떤 형식에 해당하는가를 알 수 있다.
Node관계 API
공백이나 줄바꿈도 자식으로 인식한다.
노드 종류 API
Node Type 노드 타입에 따라 숫자가 나온다.

 

 

오늘은 학교 강의에서 대기업에 다니시는 분과 화상 채팅을 했다.

이제 3학년인데 진로를 결정하고 it계열에서 무엇을 할지 직업과 직장을 정해야할 것 같은데 모르겠다.

좀더 찾아봐야겠다.