# element

32개의 포스트

React 개념정리

JSX는 JavaScript를 확장한 문법이다. HTML에서 사용하는 태그들과 비슷한 문법을 사용한다. 컴포넌트의 구성 요소. react앱의 최소 단위이다.type(문자열 혹은 컴포넌트 함수/클래스) 필드와 props(객체) 필드로 표현된다.엘리먼트의 type이 컴포넌

약 3시간 전
·
0개의 댓글

Node Element

node는 태그와 공백텍스트도 모두 포함element는 태그들만 포함

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

HTML5 semantic 태그

HTML5 에 새롭게 추가된 태그와 input-type, 그리고 text-level의 요소가 어떤 의미(semantics)를 가지는지 정리

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

리액트(컴포넌트)/커스텀 함수로 반복코드 없애기

element -> 태그component 는 element 의 집합childrend 은 태그가 감싸고 있는 문자열,숫자핵심custom 함수를 만들어서 반복적인 동작을 하는 useEffect를 하나로 묶어 코드량을 줄이다

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

[CS] DOM Day-18

DOM Document Object Model JavaScript를 이용해 Element 속성값을 얻어내거나, 변경하는 방법 DOM은 JavaScript가 아닙니다. (JavaScript를 이용해 DOM구조에 접근) HTML문서의 구조와 관계를 객체(Object)로 표

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

TIL 01___HTML basic 1

* HTML이란 무엇이며, 역할과 HTML에서 자주 쓰이는 태그의 종류와 기능을 알아본다. 🖥 HTML (HyperText Markup Language) HTML로 웹화면의 구조를 짜고 콘텐츠를 입력할 수 있다. 기본적인 문법은 아래와 같다. content

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

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개의 댓글