| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
- 객체지향프로그래밍
- typeScript
- JavaScript
- 투두앱만들기
- 불변성
- 클래스
- 리액트
- 상속
- CSS
- Zustand
- webdevelopment
- 추상화
- 타입스크립트
- 부트캠프
- 웹개발
- OOP
- frontend
- REACT
- Props
- Hooks
- 자바스크립트
- js
- 캡슐화
- 자바스트립트
- 패스트캠퍼스
- github
- 논리연산자
- 프론트엔드
- Fetch
- 노마드코더
- Today
- Total
목록HTML (2)
connecting dots
HTML/CSS 1회차 | html 기초, DOM
웹 개발자가 html을 어떻게 바라보아야 하는가 ?https://html.spec.whatwg.org/dev/ HTML Standard, Edition for Web DevelopersAbout this specification This specification is like no other — it has been processed with you, the humble web developer, in mind. The focus of this specification is readability and ease of access. Unlike the full HTML Standard, this "developer's edition"html.spec.whatwg.org ASCIIhttps://ko.wiki..
DOM APIDocument Object Model. Application Programming Interface.자바스크립트에서 HTML을 제어하는 여러 명령들 defer 속성 추가HTML 코드를 다 읽은 상태로 다시 main.js를 실행하겠다는 의미를 가짐defer 넣지 않으면 main.js에서 box 클래스를 가진 요소 찾아서 출력해달라는 요구가 내용을 읽지 않은 상태에서 이루어지기 때문에 null 발생하게 됨 box .querrySelector()HTML에서 특정한 요소 하나를 찾아 반환한 값을 변수에 저장let boxEl = document.querySelector('.box')// box 클래스를 가진 요소 중 제일 처음에 찾은 요소 하나만 반환하여// boxEl에 할당함 .querrySel..