# element

69개의 포스트
post-thumbnail

HTML element

01 HTML element 01-1 block element 대부분의 element(요소)는 block 요소이다. block요소는 해당 요소의 전체 가로 넓이를 모두 포함해, 따로 스타일을 적용하지 않으면 이 요소 옆에 다른 요소를 붙여 넣을 수 없다. 다음은

2023년 4월 9일
·
0개의 댓글
·
post-thumbnail

Html(Hypertext Markup Language)

HTML HTML은 웹 페이지를 만들기 위한 언어이고, 구조를 잡아주는 역할을 한다. 브라우저는 HTML을 가지고 뭘 어떻게 그리고 만들어 줘야 할지 파악 한 뒤 웹 페이지를 생성한다. HTML 확장자 HTML은 .html 확장자가 붙은 텍스트 파일로 파일 이름은 원

2023년 4월 9일
·
0개의 댓글
·
post-thumbnail

배열

배열이란?// 대괄호 안에 여러 개의 값이 들어가 있는 형태다.각각의 값을 요소 (element)라고 한다. 요소와 요소는 ','로 구분한다.// 이전에 공부한 변수를 선언하고 할당하는 방법은 하나의 변수에 하나의 값만 넣었다. (변수에 대한 게시글 참고)만약, 다

2023년 4월 6일
·
0개의 댓글
·
post-thumbnail

[Vue] Dom Template에서는 Self-Closing Tag를 사용하면 안된다.

참고자료 - Vue2 공식 문서(https://v2.vuejs.org/v2/style-guide/index.html?redirect=trueElement+ 의 Table을 제작하던 중 문제가 생겼다.나는 .vue 파일이 아니라 CDN에서 직접 vue를 다운로드

2023년 4월 6일
·
0개의 댓글
·
post-thumbnail

HTML 문법 정리 (tag, element, attribute, table, semantic markup, content model)

HTML (Hyper Text Markup Language)웹페이지를 만들 때 사용되는 언어Hyper Text: 웹페이지의 특정 부분과 연결할 수 있는 기능을 가진 텍스트 == link Markup 언어 특징: 정보를 구조적으로 표현 가능태그(tag)들의 집합 tag:

2023년 4월 3일
·
0개의 댓글
·
post-thumbnail

HTML과 Javascript의 상호작용

document Javascript에서 html을 표현하는 object를 가져옴 document에서 항목들을 가지고 오는 것 document 항목들을 변경 document.getElementById("") string을 전달받음, HTML에서 id를 통해 element

2023년 3월 30일
·
0개의 댓글
·
post-thumbnail

[jQuery] 제이쿼리 정리 1 (+스크립트 언어, 컴파일 언어, 인터프리터 언어, scss, bem)

$(css 셀렉터).메소드()ex) . -> class / 해당 css 셀렉터가 가리키는 모든 엘리먼트에 원하는 메소드(jquery가 제공하는 api)를 동작시킬 수 있습니다. 그리고 모든 제이쿼리 메소드들은 해당 메소드가 동작을 마치고 리턴될 때 자신이 제어했던 엘리

2023년 3월 12일
·
0개의 댓글
·
post-thumbnail

HTML - 시작!

저는 HTML로 코딩하는 것을 좋아합니다.😀

2023년 3월 8일
·
0개의 댓글
·

[React] Video Element 삽입하기, 동영상 재생속도 조절 등

웹페이지의 배경을 이미지가 아닌 동영상으로 삽입하고 싶었다.로컬에 있는 동영상 video element로 불러오기동영상의 오디오 무음, 자동재생, 반복재생 및 재생속도 조절 필요위와 같이, setPlayBackRate이라는 동영상 속도 조절을 위한 함수를 생성했다.us

2023년 2월 10일
·
0개의 댓글
·
post-thumbnail

[JavaScript] 배열 (Array)

배열은 여러 데이터 타입을 담으며 배열 안에는 어떠한 데이터 타입이든 들어갈 수 있다. 특히 배열 안에 다른 배열이 포함될 수도 있다. 대괄호 사용쉼표로 구분랭킹과 같은 순위, 또는 순서가 있는 값을 만들 경우 객체보다 배열이 보다 간결하고 효율적단순히 여러 값의 묶음

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

node와 element 차이,비교

document Object Model이라 불리는 object객체이다.document를 객체 형태로 구현했다고 보면 된다.태그노드와 텍스트 노드 전체를 말한다.텍스트 노드를 제외한 태그만을 말한다.그래서 우리가 보통 자바스크립트로 작업하는건 element를 말하는것.알

2023년 1월 7일
·
0개의 댓글
·

ForEach Ui Element

ForEach Ui Element 완성도 Element선택시 바뀌는 Selector Filter기능이 없음 ChildrenElement 선택 하는 부분 없음 잘 정의된 화면 에서는 문제없을 것 같으나, 세부옵션 정의 기능이 부족해서 오류시 불편함. 기존 FindCh

2022년 12월 14일
·
0개의 댓글
·
post-thumbnail

[javascript] 문서객체 조작/생성하기 (DOM)

HTML에 있는 각 택들을 우리는 '요소' (element) 라고 부릅니다.이를 자바스크립트에선 '문서객체' 라고 함이러한 요소, 문서객체를 조합해서 만든 전체적인 형태를 우리는 "DOM" 이라고 한다.위의 이미지에서 <head>는 <html>의 자식요소 이

2022년 12월 7일
·
0개의 댓글
·
post-thumbnail

append VS appendChild

append와 appendChild의 차이점

2022년 11월 25일
·
0개의 댓글
·
post-thumbnail

[소플 : React] 4. 엘리먼트 렌더링

Chapter 4. 엘리먼트

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

[221024] 오늘의 배움(TIL) - React

✍ 22년 10월 24일 공부한 내용 정리

2022년 10월 24일
·
0개의 댓글
·
post-thumbnail

리액트 공식 문서 정리 (2) - 엘리먼트 렌더링

리액트 공식 문서 정리 - 엘리먼트 렌더링

2022년 9월 6일
·
0개의 댓글
·

Javascript_Element,jQuery Element

※ 상기 html코드를 아래 예제들에 적용classList : 객체가 가지고 있는 클래스에서 " "(공백) 단위로 구분하여 유사배열로 저장active라는 id의 클래스들을 " "(공백) 단위로 출력하는 예제.textContent : 객체/배열에 저장되어있는 요소를 반환

2022년 8월 30일
·
0개의 댓글
·