# DOM

476개의 포스트

WIL(항해99 2주차), DOM과 서버리스(Serverless)

WIL DOM과 서버리스(Serverless)

약 2시간 전
·
0개의 댓글

WIL - 2주차

정말 수많은 개념들이 고막 > 뇌 > 반대고막 으로 이동하는 한 주였다. 생전 처음 접해보는 키워드들 DOM, 서버리스, 리액트, 리액트, 패키지, 리덕스, 파이어베이스 등등... 이 깡패들한테 두들겨 맞느라 정신 없는 한 주이기도 했다. 리액트와 같은 강력한 도구

약 4시간 전
·
0개의 댓글
post-thumbnail

항해99 3기 2주차 WIL

추석 연휴를 모두 보내고난 다음 본격적으로 주특기를 공부하는 주가 시작되었다. 이번주는 리액트와 리덕스, 그리고 파이어베이스를 이용하여 과제를 수행해야한다. 과제 마감일까지 조금 남았지만, 한 주를 마무리하는 시점에서 나의 방향이 똑바로 가고있는지 체크하기 위해 WIL을 작성해본다. DOM in-2013 2013년, 페이스북은 리액트라는 라이브러리를 JS...

약 6시간 전
·
0개의 댓글

DOM(Document Object Model) 의미 📝

문서 객체 모델은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용

5일 전
·
0개의 댓글
post-thumbnail

React 1주차

Element 속성 및 카드 추가

5일 전
·
0개의 댓글

브라우저 렌더링 과정 이해하기

브라우저는 텍스트로 이루어진 HTML, CSS, Javascript 파일을 읽고 웹 페이지를 그려냅니다. 이 과정을 이해하기 위해서는 먼저 파싱(parsing)과 렌더링(rendering)이라는 단어가 무엇인지 알아야 합니다. (다음의 이해와 해석은 보다 쉬운 언어로

2021년 9월 15일
·
0개의 댓글
post-thumbnail

[TIL] 210913

📝 오늘 한 것 1. getAttribute() / switch() / :focus / forEach() 2. carousel 구현 완료 ❗

2021년 9월 13일
·
0개의 댓글

TIL. 4주차 월요일

1. innerText vs innerHTML vs textContent innerText는 실제로 화면에 보여지는 '사람이 읽을 수 있는' 요소만 처리한다. 즉, 스타일링을 고려하며, '숨겨진' 요소의 텍스트는 반환하지 않는다. innerText는 내용을 바꿀수 없다. 만약 내용을 바꾸고 싶어서 tag+내용을 쓰면 tag를 포함한 모든 내용이 text...

2021년 9월 13일
·
0개의 댓글
post-thumbnail

TIL] Deep Dive-DOM(3)

HTML 문서가 파싱될 때 HTML 요소의 어트리뷰트는 어트리뷰트 노드로 변환되어 요소 노드와 연결된다. 이 때 모든 어트리뷰트 노드는 유사배열 객체이자 이터러블인 NamedNodeMap 객체에 담겨서 요소 노드의 attribute 프로퍼티에 저장된다.Element.

2021년 9월 13일
·
0개의 댓글
post-thumbnail

Dom 조작 정리 요약(2)

Dom 조작 (innerHTML)innerHTML로 태그를 입력할수 있다고 배웠습니다.쓰기 쉽지만, 느리고 보안위협이 있습니다. (textContent 추천)Dom 조작(메소드) 추천생성과 동시에 이벤트핸들러 등록이 가능합니다.출처: 코드스테이츠

2021년 9월 13일
·
0개의 댓글
post-thumbnail

Dom (Document Object Model) 정리 요약(1)

javascript를 이용해서 엘리먼트의 속성값을 얻어내거나, 변경하는 방법HTML은 트리 구조를 가지고 있습니다. 객체도 자세히 보면 트리 구조를 가지고 있습니다.그래서 정리하자면 DOM이란, HTML 엘리먼트를 javascript 이용해서 객체의 형태로 가져올수 있

2021년 9월 13일
·
0개의 댓글
post-thumbnail

유효성 검사 (실습)

input tag의 값 바꾸기 (value)시각적 피드백 HTML 작성메세지가 보이게는 html에 다 넣어야 합니다. CSS display 속성을 자바스크립트로 조작하는 방법(1) CSS파일에 원하는 클래스(hide)에 display 속성을 추가합니다.(2) css 정

2021년 9월 12일
·
0개의 댓글
post-thumbnail

[TIL] 210912

📝 오늘 한 것 1. window.onload() / closure 2. carousel 구현 중

2021년 9월 12일
·
0개의 댓글
post-thumbnail

TIL] Deep Dive-DOM(2)

🌼 39.2.6 HTML Collection과 NodeList 유사 배열 객체이면서 iterable한 성질을 갖고 있어 for...of문으로 순회할 수 있으며 스프레드 문법을 사용하면 간단히 배열로 변환할 수도 있다. 이렇게 배열로 변환된 객체는 배열에서 제공하는

2021년 9월 12일
·
0개의 댓글
post-thumbnail

[TIL] 210911

📝 오늘 한 것 1. carousel 구현 중

2021년 9월 11일
·
0개의 댓글
post-thumbnail

[TIL] DOM이란?

문서 객체 모델(Document Object Model) 은 웹 페이지에 대한 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여

2021년 9월 11일
·
0개의 댓글
post-thumbnail

📒TIL) JavaScript Dom

DOM 이란? DOM이란(Document Object Model) 웹페이지의 HTML을 계층화시켜 트리구조로 만든 객체(Object)모델 입니다. JavaScript는 이 모델로 웹 페이지에 접근하고 페이지를 수정 할수 있습니다. 또 DOM 은 HTML과 Javasri

2021년 9월 11일
·
0개의 댓글
post-thumbnail

[TIL] 210910

📝 오늘 한 것 1. carousel / display: none과 element.remove() 비교 2. carousel 구현

2021년 9월 10일
·
0개의 댓글

TIL 18일차 DOM

DOM

2021년 9월 10일
·
0개의 댓글
post-thumbnail

TIL 작성 2021 9/10

Element.closest(selectors)기준 Element 에서부터 closest() 메소드를 통해 자신부터 부모 요소 단위로 출발하여 각 요소가 지정한 선택자에 만족할 때까지 탐색한다(문서 루트까지 이동). 이 중 가장 가깝게 조건에 만족한 부모 요소가 반환되

2021년 9월 10일
·
0개의 댓글