# element

10개의 포스트
post-thumbnail

React Component / Element

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

3일 전
·
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개의 댓글