본문 바로가기

전체 글155

[JavaScript] getElementById Document.getElementById() 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환한다. ID는 문서 내에서 유일해야 하기 때문에 특정 요소를 빠르게 찾을 때 유용합니다. 매개변수: id 찾으려는 요소 ID. ID는 대소문자를 구분하는 문자열로, 문서 내에서 유일해야 합니다. 즉, 하나의 값은 하나의 요소만 사용할 수 있다. 반환값: 주어진 ID와 일치하는 DOM요소를 나타내는 Element 객체 문서 내에 주어진 ID가 없으면 null 어떤 글 blue red function changecolor(newColor){ var element = document.getElementById('para'); element.style.color = ne.. 2020. 8. 24.
[JavaScript] 객체의 기본형, 객체의 종류 객체의 기본형 객체.메서드(); // 객체의 메서드 실행한다. 객체.속성; // 객체의 속성값을 가져온다 . 객체.속성 = 값; // 객체의 속성값을 바꾼다. 객체 생성 방법 참조변수(인스턴스 이름) = new 생성 함수() var computer = new Object(); computer.color = "black"; computer.price = 30000; 객체의 종류 내장 객체: 자바스크립트 엔진에 내장되어 있어 필요한 경우에 생성해서 사용한다.내장 객체로는 문자(String), 날짜(Date), 배열(Array), 수학(Math) 객체 등이 있다. 브라우저 객체: 브라우저 객체 모델(BOM): 브라우저에 계층 구조로 내장되어 있는 객체를 말한다. 브라우저 객체로는 window, screen, .. 2020. 8. 21.
[React] Module not found: 'redux' Module not found: 'redux' error가 뜬다면 npm i redux 또는 npm install --save redux 로 해결 가능하다. 2020. 8. 18.
useRef로 특정 DOM 선택하기 / useState, useRef JavaScript 를 사용 할 때에는, 우리가 특정 DOM 을 선택해야 하는 상황에 getElementById, querySelector 같은 DOM Selector 함수를 사용해서 DOM 을 선택한다. 함수형 컴포넌트에서 ref를 사용할 때는 useRef 라는 Hook 함수를 사용한다. useState, useRef의 공통점 useState와 useRef의 기능상의 공통점은 함수형 컴포넌트에서 동적으로 상태 관리를 할 수 있게 해준다는 점입니다. 간단한 예시로, 버튼이 클릭 되었을때 주어진 state를 “Humanscape!” 라는 string으로 변환하는 동일한 프로그램을 useState와 useRef를 통해 아래와 같이 다르게 구현할 수 있습니다. useState.jsx import React, .. 2020. 7. 29.