# element

25개의 포스트

TIL. 4주차 월요일

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

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

Semantic Web

이 시멘트는 그 시멘트가 아녀

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

element vs node / childNode vs childrend

node란 무엇인가 ? 노드(node)는 컴퓨터 과학에 쓰이는 기초적인 단위이다. 노드는 대형 네트워크에서는 장치나 데이터 지점(data point)을 의미한다. 개인용 컴퓨터, 휴대전화, 프린터와 같은 정보처리 장치들이 노드이다. 인터넷에서 노드를 정의할 때 노드는

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

HTML 태그와 속성

HTML의 정의 웹페이지를 만들기 위한 마크업언어(MarkUp Language)로, 태그들로 웹페이지를 생성합니다. (html문서의 골격) 크롬으로 HTML파일 작성해보기 chrome ->맨왼쪽 위에 있는 세로동그라미 누르기 -> 설정 -> 개발자도구(F12)

2021년 8월 30일
·
0개의 댓글
post-thumbnail

GStreamer concepts 에서 추가적으로 설명한 개념

gstreamer의 기본 구성 블럭기본 구성 블럭첫번째 인자는 원소의 타입.두번째 인자는 원소의 이름.videotestsrc 는 비디오 패턴을 만들어내는 소스.autovideosink 는 이미지를 받아서 윈도우 상에 표시해주는 싱크. 가장 적합한 것으로 자동 선택해준다

2021년 8월 19일
·
0개의 댓글
post-thumbnail

배열 (Array)

배열 (Array) 다양한 데이터 타입의 값을 대괄호 안에 순차적으로 나열 [ ] 안에 있는 데이터들을 '요소'(= element)라고 하며, 요소의 순서(위치)를 index 라고 한다. 요소의 접근 배열의 순서는 0부터 시작이 되고, index를 사용하여 접근한다.

2021년 8월 3일
·
0개의 댓글
post-thumbnail

[React] Element 와 DOM Element, Component Element

실제로 화면에 렌더링 할 DOM 노드들의 정보를 React에게 알려주기 위한 수단입니다.DOM 노드 혹은 컴포넌트를 표현하는 JavaScript의 일반 불변 객체(Plain Immutable Object)에 해당합니다.type(문자열 혹은 컴포넌트 함수 / 클래스) 필

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

TIR. DOM 생성

HTML 파싱 문자열로 이루어진 순수한 텍스트인 HTML 문서를 브라우저에 시각적인 픽셀로 렌더링하려면 HTML 문서를 브라우저가 이해할 수 있는 자료구조(객체)로 변환하여 메모리에 저장해야 한다. > 파싱(parsing, 구문 분석syntax analysis) 프로그래밍 언어의 문법에 맞게 작성된 텍스트를 읽어 들여 실행하기 위한 일련의 과정 텍스트...

2021년 5월 31일
·
0개의 댓글

javascript - browser

browser 환경에서의 자바스크립트! Let's go ~ 😚

2021년 5월 21일
·
0개의 댓글

HTML기본

1. html tag => 브라우저에서는 내용(content)만 보여짐 2. 속성(attribute) : 요소의 성질, 특징을 정의하는 명세 >- 모든 html 요소는 속성을 가질 수 있다. 속성은 요소에 대한 추가 정보 제공(파일의 경로, 크기 등) 속성은 항

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

[HTML] 기본 문법

마케팅 업무에 지쳐 귀하디 귀한 개발자가 되기 위하여 공부합니다.첫 번째 목표로 바닐라코딩 프렙코스의 사전학습 가이드 시작합니다.https://poiemaweb.com/ 의 HTML5 1-5까지 분량입니다.HTML5마크업 언어이며, 내용과 구조로 담당하는 언어

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

[TIL]CSS 방법론 : BEM

BEM (Block Element Modifier)이란 CSS 방법론중 하나로 요소에 대한 속성에 근거하는 클래스의 이름을 짓는데 구조적인 방법을 제시하며, 유저 인터페이스를 독립된 여러 개의 블록으로 분리하자는것이 목표이다.

2021년 5월 4일
·
0개의 댓글
post-thumbnail

[TIL13] 'DevTools (개발자 도구)' 간단 정리

첫주에 정신없이 지나가 제대로 정리를 못하고 넘어간 개발자도구에 대해 간단하게 알아보겠다.✔️ 개발자 도구는 브라우저에서 제공하는 하나의 도구이다. (Chrome 개발자 도구, IE 개발자 도 구, Safari 개발자 도구 등)✔️ 웹 사이트를 즉각적으로 수정하고 문

2021년 4월 24일
·
0개의 댓글
post-thumbnail

React Component / Element

컴포넌트(Component)는 템플릿 이상의 기능을 수행 데이터를 UI로 만들어주는 기능, 라이프 사이클 API를 통해 컴포넌트가 화면에 나타내는 변화된 작업들을 수행기본적인 홈페이지 구조는 헤더/ 바디 / 푸터로 나뉘어 있다. 헤더와 푸터에는 사이트에서 제공하는 기본

2021년 4월 8일
·
0개의 댓글
post-thumbnail

[TIL-css]BEM 작성방식

지난 스터디 당시 클래스의 이름을 붙일 때 유용한 방식으로 BEM 작성방식이 나왔다. 이름을 붙이는 방식 중 유용하게 쓰이는 방식이 있다는건 알고 있었으나, 솔직히 잘 사용하지 않았다. 나름대로 의미있게 지으려고 했으나 그건 내 방식일뿐 누구와 공유하는 것이 아니기에

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

Element? Node? HTMLCollection?

@ dom 객체에 관해 헷갈리는 내용을 정리했습니다.하나만 선택querySelector(), getElementById()element 객체 리턴으로 동일여러개 선택NodeList(non-live)와 HTMLCollection(live)으로 리턴 형태가 나뉘어진다.둘다

2021년 2월 21일
·
0개의 댓글
post-thumbnail

[HTML] html 정리 요약

html의 가장 기본이 되는 내용들을 정리해보자.

2021년 1월 11일
·
0개의 댓글

Element.innerHTML과 Element.insertAdjacentHTML의 차이

Element.innerHTML은 요소 내에 포함 된 HTML 또는 XML 마크업을 가져오거나 요소의 내용을 변경하게 된다. Element.insertAdjacentHTML은 HTML 같은 특정 텍스트를 파싱하고, 특정 위치에 DOM tree 안에 첫번째 인자로 원하는

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

HTML Tags(Element)2

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. HTML Tag 정리

2020년 12월 2일
·
0개의 댓글
post-thumbnail

HTML Tags(Element)1

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. HTML Tag 정리1

2020년 11월 29일
·
0개의 댓글