코드스테이츠 소프트웨어엔지지어링 부트캠프 +19일

오늘한 것.

• DOM
• DOM을 이용하여 회원가입 Form 제작 및 CSS 연습

DOM(Document Object Model) :

HTML을 바라보는 또 다른 관점이다.

DOM을 이해하고 조작할 수 있으면, HTML을 단순한 문서에서 웹 앱으로 업그레이드 할 수 있다. 브라우저 환경에서 자바스크립트를 이용해 HTML을 조작할 수 있다.

 

DOM은 프로그래밍 언어는 아니지만 DOM이 없다면 자바스크립트는 웹 또는 XML 페이지 및 요소들과 관련된 모델이나 개념들에 대한 정보를 다룰 수 없게 된다.

코드스테이츠 자료

CRUD

• Creat : creatElement() , document객체를 통해 HTML 엘리먼트를 만든다.
• Read : querySelector(), HTML 엘리먼트를 조회한다.
• Update : textContent ,id, classList, setAttribute, 갱신
• Delete : remove, textContent = "", 삭제한다.

 

innerText와 textContent의 차이

innerText는 css같은 스타일링문자는 무시하고 모니터에 보여주고 textContent는 그냥 싹 다 보여준다.

innerText는 <br>을 적용시켜서 줄바꿈을 해서 보여주고 textContent는 <br>을 무시하고 출력한다.

 

다시 공부하는 김에 예전에 올렸던 게시글을 보기쉽게 수정했다.

https://wnsdufdl.tistory.com/18?category=1012091 

Javascript : innerText와 textContent 차이 그리고 innerHTML

 

회원가입 Form

주먹구구식으로 만들긴했는데, 복습하며 정리를 해야한다.

CSS 개념이 먹구름처럼 흩어져 있다.

고작 이거 만드는데 왜이리 어려운지..

---

 

어제 헷갈렸던 깊은복사, 얕은복사를 공부했다.

왜 Object.assign으로 복사한 객체가 지워지는건 같이지워지고 바꾸는건 일관성없이 같았다가 달랐다가 했는지 이해가 간다.

https://wnsdufdl.tistory.com/45

js : 깊은복사와 얕은복사