# DOM

151개의 포스트

[Javascript] TWIL : DOM을 이용한 동적Web 만들기 마무리 (20/09.05~09.11)

메소드(함수)는 중첩으로 사용 가능하다는 것을 한번 더 상기할 수 있었다.template 태그를 이용해 코드는 짜는 동기분들을 봤다. 생각도 못한 방법이었는데,importNode( ... ,content, true)이런 식으로 미리 작성해 놓은 템플릿을 가져다 쓸 수

약 16시간 전
·
0개의 댓글

[Javascript] TIL : DOM - 함수 넘기기와 Node (20/09.02)

이벤트에 함수를 넘길(할당) 때, 함수명 뒤에 실행괄호() 를 붙이느냐 마느냐에 대한 이슈가 동기들 사이에서 핫(?)했다.지난 번 TWIL : DOM 글에서 Javascript파일에서 함수를 할당하는 코드를 작성한 것을 보면, 실행괄호를 붙이지 않은 것을 볼 수 있다.

약 16시간 전
·
0개의 댓글

[Javascript] TWIL : DOM (20/08.29~08.09.04)

DOM은 Document Object Model의 약자로, HTML(document)에 접근하여 Object처럼 HTML을 조작할 수 있는 모델이다.원본 HTML을 기반으로 만들어진 객체 기반 표현 방식인데, 브라우저가 코드를 기반으로 화면을 생성하기 위해 HTML의

약 16시간 전
·
0개의 댓글
post-thumbnail

TIL44: Recursion

Recursion(재귀)재귀적으로 사고하는 방법주어진 복잡한 문제를 잘게 쪼개어 작은 문제들로 바꾸어 생각하기각 작은 문제들의 구조가 비슷할 경우 함수의 재귀적 호출하기문제를 더 이상 쪼갤 수 없는 경우 혹은 재귀적 구조에서 탈출하는 조건 표현하기단순한 문제들 먼저 해

4일 전
·
0개의 댓글

Java - 17. XML

201020 XML Parsing

6일 전
·
0개의 댓글

Twittler 구현

조금 늦었지만 Pre Course의 세 번째 스프린트 과제였던 Twittler 구현 과정을 남겨놓고자 한다. 총 다섯개의 스프린트 과제 중 내가 가장 헤매며 완성했던 과제라 더욱 기억에 남는 애증의(?) 과제다.

6일 전
·
0개의 댓글

DOM : Element API

active 라는 엘리먼트 오브젝트의 태그네임인 LI를 반환한다.해당 태그네임을 초기화 해도 태그 네임은 바뀌지 않는다.(읽기전용이다): 위랑 비슷하다. ID 값을 반환한다.: 위랑 비슷하다. 클래스 네임을 바꾸기위해 이것을 쓰는것은 사용하기 어렵다.클래스가 여러개일

2020년 10월 18일
·
0개의 댓글

DOM : HTML Element

li의 콘솔값은 HTMLLIElement lis의 콘솔값은 HTMLCollection : HTML element 들은 약간씩 다른 이름을 가지고 있다.list : HTMLLIElementanchor : HTMLAnchorElementbutton : HTMLInputEl

2020년 10월 17일
·
0개의 댓글

DOM : 제어 대상 찾기

: 문서 전체에서 해당 태그이름에 있는 엘리먼트들을 반환해주는 메서드: 해당 태그명을 가진 모든 테그들을 반환하기 때문에 그중 일부를 가져오는 방법이 필요하다.위의 태그를 통해 ul안에 있는 li만 가져온다.: 클래스 이름으로 가져온다.: ID 값으로 가져온다. 성능은

2020년 10월 17일
·
0개의 댓글

하루5분코딩"DOM"

태그이름 : divid : parcticeclass : highlight , red내용 : 엘리먼트가 하나있습니다. , 자식✓ 부모엘리먼트 : body✓ 자식엘리먼트 : span이렇게 변경하는 것이 DOM 이다.엘리먼트를 객체의 형태로 볼수 있는 방법 console.d

2020년 10월 17일
·
0개의 댓글
post-thumbnail

[JavaScript] 2-5. 기본문법 / 객체(Object) 복습

'객체'라는 개념이 알면서도 모를듯 찝찝한 기분이라 한번 더 공부해서 완벽하게 정리해보기로 마음 먹었다!! '객체'에 대해서 차근차근 다시 확인해보자 ㅠㅠ 1. '객체(Object)' 다시 공부하기 주변의 모든 사물을 '객체'라고 한다. 다양한 '기능'과 '속성'을

2020년 10월 15일
·
0개의 댓글
post-thumbnail

[웹개발] 4주차 학습 후기

프론트엔드 워크플로우 HTML과 CSS를 학습했다. id와 class를 잘 나누어야 CSS를 사용하기 편하다는 것을 알게되었다. 그에 앞서 HTML을 보기좋게 최대한 간단하게 구성하는 것이 중요하다. 화면을 구상한다. 쓰기 영역, 읽기 영역 등 각종 영역을 나눈다. 각 영역을 HTML로 작성한다. 적절한 id 또는 class를 부여한다. CSS로 원하는...

2020년 10월 11일
·
0개의 댓글
post-thumbnail

2. DOM 응용

💻 신규 댓글 추가 소스 \-> 여기서는 innerHTML을 사용해서 직접적으로 태그를 넣었다. 보안상 문제가 있지만 여러가지 활용을 위해 연습삼아 넣었다. 💻 댓글 정렬하기 + 기본 객체에 저장된 댓글 보여주기\-> 함수3개를 작성 하였다.1번째 - renderT

2020년 10월 6일
·
0개의 댓글
post-thumbnail

1. DOM

📍 DOMJavaScript를 이용해서 엘리먼트의 속성값을 얻어 내거나 변경하는 방법 주목적 : 자바스트립트로 문서를 선택하고 , 속성과 스타일을 적용 할 수 있다. 단점 : 자바스트립트 돔 개발은 IE 이하 버전과 기타 브라우저 간의 호환성이 떨어진다. 📌 선택

2020년 10월 6일
·
0개의 댓글

[React] 3-2 리액트 요소와 가상 돔

리액트 요소(element)는 리액트가 UI를 표현하는 수단이다.보통 우리는 JSX 문법을 사용하기 때문에 리액트 요소의 존재를 잘 모른다.

2020년 10월 3일
·
0개의 댓글
post-thumbnail

TIL : DOM

자바스크립트로 이벤트를 구현하려고 이리저리 둘러보다가 DOM이라는 개념과 마주치게 되었다. 사실 DOM은 몇 주전 공부할 때도 마주쳤던 개념인데, 그때는 정말 자바스크립트나 html에 대해 이해가 전혀 이루어져있지 않았던 터라 아예 이해하지 못하고 넘어갔었다. 그래도

2020년 10월 3일
·
0개의 댓글
post-thumbnail

JavaScript 기초

09/30/2020 What is JavaScript? 원래는 "LiveScript" 로 불렸다. 이 이름은 브라우저가 스크립트를 요청하고 파싱하는 즉시 실행된다는 점에서 수긍할 만하다. There is no "compile" step in JavaScript. A

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

DOM

아직은 리액트 , 뷰 , 엥귤러가 유행하고 있다 .하지만 지금 svelte 라는 새로운 프론트 프레임워크가 떡상하고 있다 .이것은 가상 dom 을 이용하지 않는다고 하더라 .엇.. dom 에 대해서 예전에 공부한적이 있었는ㄷ ㅔ,,갑자기 생각 이 잘 나지않았고 , 누군

2020년 9월 30일
·
0개의 댓글
post-thumbnail

인자한 개발로그__[HTML&CSS: DOM CRUD]

# Intro 는 생략한다. # html & css DOM! Document Object Model. 줄여서 문서 객체 구조! 뭔말인지 콧구멍으로도 못 알아먹었다! 사실 나는 무슨 말인지 보다, 이것을 가지고 무엇을 할 수 있는지가 중요하다! 철저한 공대생의 마인드

2020년 9월 30일
·
0개의 댓글
post-thumbnail

JS : DOM

📖 BOM(Browser Object Model) 1. BOM의 정의 >웹 서비스 개발은 브라우저와 밀접한 관련이 있다. 모든 서비스는 사실 브라우저를 바탕으로 실행되기 때문이다. 이때 브라우저와 관련된 객체들의 집합을 Browser Object Model 이라고

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