# element

13개의 포스트

TIR. DOM 생성

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

2021년 5월 31일
·
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일
·
1개의 댓글
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

CSS 프레임워크를 직접 개발해보았습니다.

웹 프론트엔드 개발을 하다보면 CSS 프레임워크는 거의 필수적으로 사용하게 됩니다.저는 웹 개발할 때 Vue.js를 주로 사용하는데, 그 동안 이것저것 많이 사용해보았지만, 기능적으로나 디자인적으로 Element UI가 괜찮아서 그 동안 10개가 넘는 기업 웹사이트를

2020년 9월 25일
·
2개의 댓글
post-thumbnail

TIL36: DOM - 1

DOM : JavaScript를 이용해 HTML을 동적으로 제어하기 위해 웹문서를 Tree 구조로 객체화 시킨 것

2020년 9월 24일
·
0개의 댓글

HTML 기본 문법

마크업 언어는 무엇인가?

2020년 7월 13일
·
0개의 댓글
post-thumbnail

HTML 요소의 크기/위치를 알아내는 방법

본 글은 MDN, W3schools을 참고하여 작성되었습니다. 자세한 내용을 알고싶으신 분은 해당 링크를 참고해주시길 바랍니다.요소의 border, scrollbar, margin을 제외하고 padding을 포함한 현재 보이는 부분에 대한 너비와 높이를 반환합니다. 즉

2020년 4월 22일
·
0개의 댓글

[React] Core Concepts(JSX, Component, Props, State, Life Cycle…)

React Core Concepts React 사이트에 정의된 React 가 무엇인지 확인해보면, A JavaScript library for building user interfaces, 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 (프레임워크) 즉, UI 를 보다 쉽고 간편하게 만들기 위한 JS 라이브러리입니다. 그렇다면 이 Re...

2019년 12월 31일
·
0개의 댓글