# Document
[js] DOM (Document Object Model)
\[JavaScript] DOM이란 무엇인가?문서 객체 모델(DOM) - mdn문서 객체 모델(DOM) - w3schoolsHTMLCollection과 NodeList, 너흰 누구니?
[React] React로 사고하기
React로 사고하기 현재 나는 학원 동료들과 간단한 웹앱을 react(이하 리액트)로 만들려고 하고 있다. 그러다 보니 리액트로는 어떻게 설계를 해야 되고 어떤 구조로 프로젝트를 만들어야 하는지 궁금증이 생겼다. 그래서 이곳 저곳 블로그를 보다가 일단 공부를 좀 더 하자 하고 공식문서를 봤는데 'React로 사고하기' 페이지가 있었다. 쭉 읽어봤는데 처...
javaScript - open API 특정 배열 데이터 숫자 열(col) 정렬 및 효과 적용
목표 > javaScript open API로 불러온 데이터 table에서, 숫자로 이루어진 열의 상위 값과 하위 값을 가져와 컬러를 바꿔보자. 문제 인식 js 배열 속 객체 속 key의 value값을 순회할 수 있는 method가 필요 해결 배열 안의 값이 0인
HTML과 Javascript의 상호작용
document Javascript에서 html을 표현하는 object를 가져옴 document에서 항목들을 가지고 오는 것 document 항목들을 변경 document.getElementById("") string을 전달받음, HTML에서 id를 통해 element
NextJs-basic features/page
nextjs문서 읽으며 번역 및 모르는 개념 정리Next.js에서 Page는 page 디렉러리의 .js, .jsx, .ts, .tsx파일에서 내보낸 React 구성요소 이다. 각 페이지는 파일 이름 기반으로 경로와 연결된다.기본적으로, Next.Js는 모든 페이지를 P
4. 소유권
소유권은 Rust의 가장 독특한 기능이며 언어에 깊은 영향을 미칩니다.가비지 컬렉터 없이도 메모리 안전성을 보장할 수 있으므로,소유권이 어떻게 작동하는지 이해하는 것이 중요합니다.이 장에서는 소유권과 관련된 몇 가지 기능, 즉 차용, 슬라이스, Rust가 메모리에 데이
DOM
브라우저가 응답받은 HTML 을 Parsing (해석) 했을 때 나오는 결과를 DOM 이라고 한다.브라우저가 HTML 파일을 해석하면 트리형식의 DOM 을 만들어 낸다.DOM 트리의 구성 요소 하나하나를 Node 라고 부른다.DOM 트리의 가장 상위 Node 는 doc
3. 프로그래밍 언어의 보편적인 컨셉
이 장에서는 거의 모든 프로그래밍 언어에 등장하는 개념과 Rust에서 어떻게 작동하는지를 다룬다.많은 프로그래밍 언어의 핵심에는 많은 공통점이 있다.이 장에서 소개하는 개념 중에는 Rust만의 고유한 개념은 없지만,Rust의 맥락에서 논의하고 이러한 개념 사용과 관련된
Rust 공식문서
Rust 공식문서 번역 원문: https://doc.rust-lang.org/book/ch02-00-guessing-game-tutorial.html Guessing Game 프로그래밍 해보기 실습 프로젝트를 함께 진행하면서 Rust에 대해 알아보자. 이 장에서는
DOM(document object model)과 JavaScript
처음부터 무슨 말인가 싶겠지만, 이 결론을 미리 보시면 이해에 도움이 될 거예요.다시, Document Object Model이란? 웹 페이지를 구성하는 JavaScript object들의 집합이예요.이건 웹 페이지의 요소에 접근하는 유효한 JS 코드예요.그렇다면 동작
document D05
document 객체는 HTML 문서를 제어하기 위하여 특정 HTML태그 요소(Element)를 id 값에 의하여 객체 형태로 가져오는 기능을 제공객체회된 HTML요소의 innerHTML 속성을 사용하면 해당 태그에 속해있는 내용을 새롭게 설정하거나, 현재의 내용을 읽
document 상태
document.readyState를 이용해 document의 로딩시점에 따라 다른 이벤트를 실행시킬 수 있음readyState의 값은 loading, interactive, complete 이 있는데,loading: document 로딩중 상태interactive (
RDB vs Document vs Graph의 질의 언어 비교
관계형 모델의 질의 언어와 문서 데이터 베이스 질의 언어의 비교 문서 데이터베이스와 관계형 데이터 베이스가 통합된다면? 문서 모델의 스키마 유연성 질의를 위한 데이터 지역성 선언형 질의와 명령형 질의 맵리듀스 질의 사이퍼 질의 사이퍼 질의를 SQL로 구현
RDB vs Document vs Graph의 모델 비교
오늘은 RDB 및 Document, Graph 데이터베이스 모델과 각 모델의 특징을 다룬다. 관계형 모델과 문서모델의 개념 관계형 모델(RDBMS) SQL은 1970년에 탄생 데이터는 테이블이라 불리는 관계로 구성되고 각 관계는 순서 없는 튜플(tuple)(
바닐라 JS DAY-4
javascript는 HTML에 접근하고 읽을 수 있게 설정되어있다.읽어올 뿐만 아니라 HTML을 변경할 수도 있다.document가 시작점 document : body, head, title,,getElementById("id") : id 요소를 가져옴innerTex
element 접근 방법
✍️ DOM 접근의 기본에 대해 정리해 보았다. 항상 쓰던 것만 썼어서, 정리하면서 처음 보는 것도 있었다. (살짝 반성한다.🙇) 기초를 차근차근 다진다는 마음으로 정리해 보았다.
JavaScript - 클래스를 관리할 때 도움을 주는 DOM 프로퍼티
클래스 변경은 자바스크립트를 통해 자주 사용되는 동작이기에 잘 알아둘 필요가 있습니다.자바스크립트에서 클래스를 변경하는 방법은 두가지 입니다.1\. className태그.className = "변경할 클래스 이름";위와 같이 코드를 작성하면 해당 태그의 클래스 값이 아
[iOS / SwiftUI] 사용자 인터페이스 상태 관리하기
안녕하세요 Niro 입니다! 이번엔 SwiftUI 에서 View 끼리 어떻게 데이터를 주고받고 View 를 최신 상태로 업데이트 하는지 전반적인 흐름을 알아보고자 Apple Developer 에 있는 Document 를 살펴 보려고 합니다. 공식 문서에 있는 내용이