[19~20일차] DOM / 프로젝트 기획안

20220816(화) ~ 0817(수)

• 목차
  - DOM
  - 프로젝트 기획안

---

• DOM(Document Object Model)
  - HTML 요소들의 구조화된 표현
  
  
• body에 추가하기

    <script>

        // 1. 새로운 Element를 만든다.

        const h1Elem = document.createElement('h1');

        // 2. Element를 설정한다.

        h1Elem.textContent = 'Hello World';

        // 3. body에 붙여넣어준다.

        document.body.appendChild(h1Elem);

    </script>

 

• 없애기

        // h1(welcome)을 없애보자!

        // 쿼리셀렉터는 처음부터 쭉 돌다가 걸리는애를 가져오니까  welcome을 가져옴

            const target = document.querySelector('h1');

            console.log(target);

            // 타겟의 부모에서 아이를 지워라.

            target.parentNode.removeChild(target);

 

• 참고링크
  https://wit.nts-corp.com/2019/02/14/5522

DOM은 정확히 무엇일까? | WIT블로그

---

< JS 공부 팁 >

1. 필수 공부 영역 : 데이터타입 / 오브젝트 / 분기문 / 반복문 / 함수 / DOM, BOM

2. Java 공부할 때 같이 메꿔지는 부분 : 예외처리, 클래스

3. 그 외 필수 공부 

   (1) Regular Expression 정규표현식 : 문자열 패턴에 대한 표현식
   (2) react : 국내 사용자층이 가장 두껍다. 세계적으로 괜찮은 사용자층 보유
   (3) 바닐라 JS : 바닐라 JS를 잘 알고있어야 능력있는 개발자가 된다!

---

< 프로젝트 기획안 >

1. 사이트의 목적 
2. 기능
3. 레이아웃 구조

4. 사용법
5. 기술 요소
6. 의견