OKKY
커뮤니티
Q&A
지식
이벤트
Contact
부트캠프
Jobs
Search Bar
로그인
회원가입
dom
전체
최신순
질문하기
답변
1
notionn
·
1년 이상
624
0
답변 1
window.addEventListener로는 안되고 document.addEventListener여야 메시지 수신이 되는 이유를 모르겠습니다..
안녕하십니까..리액트 네이티브 웹뷰와 NextJs웹의 메시지 통신간에 궁금증이 생겨 도움을 받고자 합니다. (아무리 검색하고 ai의 도움을 받아도 애매한 답변밖에 없어요 ㅠ) ** 질문 웹뷰와 웹의 메시지 통신 간에 document.addEventListener('message', handleMessage) 로만 메시지 수신이 되고,window.addEventListener('message', handleMessage)
답변
1
nodeand
·
거의 2년
312
0
답변 1
자바스크립트 질문입니다.
비밀번호 길이를 검증하려고 하는데요. pw.length<8 로 했는데 8글자 이상으로 입력을해도 alert가 실행이 됩니다.(아래 코드) const form = document.getElementById("regist_form"); const pw = document.getElementById("password").value; form.addEventListener('submit', fun
답변
4
NOZ
·
2년 이상
232
0
답변 4
Element 부터 역으로 querySelector 를 추출하는 방법이 궁금합니다.
querySelector 로 element 를 선택하는 방법이야 많이 써서 아는데, 역으로 element 로부터 selector 를 추출하는 방법은 모르겠네요. 모르겠다기보다 id랑 classList로 스크립트야 짤 수야 있지만, 아래 캡쳐처럼 개발자도구 보면 nodeList 에 표시되는 걸 보면 필드값이나 내장함수가 분명 있는거 같아서, 검색해봐도 잘 못 찾겠어서 결국 질문게시판에 여쭤봅니다. Selector 를 추출한다고 해도, 입력했던 값을
답변
1
hans1126
·
2년 이상
219
0
답변 1
state 기반 프론트엔드 개발 궁금한 점이 있습니다
DOM 기반 개발 vs STATE 기반 개발이 JQuery와 React, Vue 등 최신 프레임워크 차이라고 들었습니다. state 기반 개발론에서는 기본적으로 DOM 조작은 금기시한다고 들었는데, 이게 동적으로 html 태그를 추가하는 것도 dom 조작이라고 말해야 하는 걸까요? 간단하게, 셀렉트 박스에 option을 추가한다고 했을 때도 dom이 변경되는 것이니까요. createElement처럼 직접적으로 추가하는 것은 DOM 기반 개발론에서 사용
답변
2
억장이문어찜
·
2년 이상
293
0
답변 2
책에 EventTarget의 [[Prototype]]은 Object라고 되어있는데
위 사진에서 EventTarget과 EventTarget.prototype의 [[Prototype]] 이 저렇게 되어있는데, EventTarget의 [[Prototype]]을 console.dir(EventTarget); 으로 열어서 확인해보니까 Function.prototype이 나오더라고요.. Function.prototype의 [[Prototype]]은 Object.prototype일거고, 그럼 저 책내용은 틀린건가요? 아니면 제가 잘못
해결
4
Long_LeHwa
·
2년 이상
332
0
해결 4
동적 태그[dom]에 의해서 웹 페이지가 버벅거릴 수 있는지
지금 회사 프로젝트 A/S 해야하는데, 상황을 보니까 조회 버튼을 클릭하면 Ajax 통신으로 DB에서 8개의 컬럼을 가진 606건의 데이터를 table 태그의 tr td 형태로 동적으로 생성되어 적용되는 방식이더라고요.그런데 문제가 100건 정도 받아서 dom으로 생성되서 적재되면, 서비스 이용하는데 버벅거림이 없는데, 한 500건 이상 생성되면 웹 페이지 자체가 버벅거리더라고요. 버벅거린다는 말이 마우스 hover 애니메이션이 바로 안나오고요. 특
답변
1
ililililiiillli
·
약 3년
233
0
답변 1
asdfasdf
asdfasdf
답변
1
llllllllllllllllll
·
3년 이상
527
0
답변 1
DOM DOCUMENT의 차이에 대해 질문드립니다.
선생님들 안녕하세요DOM과 DOCUMENT 차이에 대해 공부하다가 궁금한 점이 생겼는데 봐주시면 감사하겠습니다.1. 웹브라우저가 html 코드를 해석한 결과를 화면에 보여주는 것을 렌더링이라고 합니다.2. 렌더링 중간 과정에서 웹브라우저가 html 코드와 javascript 코드를 해석해 반영한 결과를 DOM 트리로 만듭니다.3.DOM의 최상위 node가 docum
답변
3
누에보Nuevo
·
3년 이상
361
0
답변 3
질문 해결완료
기밀코드라 글을 수정했습니다 죄송합니다!
해결
1
때로는이길이
·
3년 이상
401
0
해결 1
BOM객체 안에 DOM이 포함되는것이 구조적으로도 맞는말인가요?
몇몇 글들을 보면 BOM안에 DOM이 포함되어있다는데 의미상 으로는 BOM이 브라우저 전체를 담당하고, DOM이 브라우저 안의 문서를 담당하니까 포함하는 것이 맞습니다.하지만 구조적으로 봤을때 BOM와 DOM은 WIndow객체에서 독립적으로 표현되는데
답변
2
CliQ
·
3년 이상
290
0
답변 2
리액트에서 화면을 랜더링하는 과정에 대해 질문이 있습니다.
일반적으로는, 브라우저에서 html문서를 받아 DOM 트리로 변형 후 화면에 랜더링되는 것으로 알고 있습니다.리액트에서는 JSX를 통해 문법을 작성하는데, 그렇다면 해당 JSX 코드는 html로 변환되어, 브라우저에서 랜더링이 일어나나요. 아니면, 바로 DOM 객체로 만들어지나요?jsx -> html -> DOM tree -> UIjsx -> DOM tree
답변
1
jy1233
·
거의 4년
351
0
답변 1
자바스크립트 dom트리에서 궁금한 점
아무리 검색해봐도 해당 케이스에 대해 명확하게 설명된 글을 찾지 못해서 여기에 질문합니다!Q1)<h2>문서 객체 모델</h2>이 경우에 텍스트 노드는 h2 요소 노드의 자식 노드가 되는 것이 맞지요?h2 노드 <=> text 노드 부모자식관계 성립Q2) <li><a>클릭</a>&
해결
1
az1100
·
거의 4년
298
0
해결 1
[자바스크립트] Dom 요소추가 질문
br /
답변
0
입문자2
·
거의 4년
312
0
답변 0
React DOMException 관련 질문 드립니다.
안녕하십니까. React로 현재 회원가입 페이지를 만들고 있는데요. 한 가지 의문이 들어서 글 올립니다. 크롬 한국어 번역 기능을 활성화 하고 input 창에 텍스트를 입력하면 페이지가 날라갑니다. 콘솔 탭을 확인해보니 이런 에러 문구가 떴습니다.blockquote styl
답변
2
김현구
·
4년 이상
725
0
답변 2
서버에서 localhost로 접속하면 문제없이 로그인되는데 외부에서 도메인쳐서 로그인하면 안되는 현상
미쳐버릴 것 같아요..제 능력으론 도저히 모르겠네요원격지 서버에서 localhost로 접속하면 문제없이 로그인되는데 외부에서 도메인쳐서 로그인하면 로그인 안되네요로그인
해결
3
꼬마보노
·
4년 이상
363
0
해결 3
DOM 요소 선택에서 CSS선택자(querySelector())를 사용하는 이유?
안녕하세요 이제 막 웹개발 공부 시작한 코린이입니다.DOM에 관한 공부를 하던 중에 클래스 이름으로 요소선택도 충분히 가능한데 왜 CSS선택자를 이용해서 요소선택을 하는지 궁금합니다.아래와 같은 HTML코드가 있을 때,<div class="container"> <h1>I am a Headin
답변
2
JUNHEE LEE
·
4년 이상
847
0
답변 2
react useState로 관리하는 배열에 dom api 적용하기 질문입니다!
기본 코드는 다음과 같습니다.현재 CSR인 상황에서 html을 로드하기전에 js를 먼저 불러오는 경우 때문에 window.onload를 통해 감싸줘야 document.querySelector를 통해 선택한 $fruits 변수가 비어있지 않은 상태에서 addEventListener를 사용할 수 있습니다.c
답변
2
state
·
4년 이상
585
0
답변 2
react useRef []에서 특정 dom을 가지고 오고 싶어요
useRef를 써서 특정 dom을가지고와서 스크롤 인투뷰로 해당 스크롤로 이동시키려고하는데.map에서 index만 받아오는데 왜 5개다 출력되는지모르겠습니다.p
해결
5
내멋으로
·
약 5년
1.9k
0
해결 5
JS querySelector Null 값 문의 합니다
JavaScript 파일을 외부에서 링크를 하였습니다document.addEventListener("DOMContentLoaded", () => { document.querySelector("form div.btn_box").addEventListener("cli
해결
2
PPONG
·
약 5년
378
0
해결 2
javascript dom 문자+숫자+<br>+문자+숫자
document.getElementById("result_1st").innerText = "최대"+ Number(Math.round(arr_result[0] * 11) / 10) +<br></br>+"최소"+ Number(Math.round(arr
이전
1
2
3
다음
Search Bar
