3.4. 노드 내장 객체 알아보기GLOBAL전역 객체로 모든 파일에서 접근 가능하다.module.exports = () => global.message;const A = require("./globalA");globalThis.message = "hello";console.log(A());console디버깅을 위해 사용한다.개발 중 변수에 값이 잘 들어있는지 확인하거나 에러 내용을 표시하기 위해, 또 코드 실행 시간을 알기 위해 사용한다. 대표적으로 console.log()const string = "abc";const number = 1;const boolean = true;const obj = { outside: { inside: { key: "value", }, },};con..

24-25/Node.js 1 2024. 11. 8. 10:00

4장 이번장에서는 이벤트를 다루는 방법에 대해서 알아봅니다. ​ ​ ​ ​ HTML에서 DOM 요소에 이벤트를 설정하는 방법은 아래의 코드와 같습니다. alert함수를 이용해서 메시지 박스를 띄우는 방법으로, 이벤트를 실행하면 "" 사이의 자바스크립트를 실행하는 것이 특징입니다. click me 4.1.1 이벤트를 사용할 때 주의 사항 카멜 표기법 함수 형태 값 전달 (자바스크립트 코드 전달X) : HTML과의 차이점 DOM 요소에만 이벤트 설정 가능 (개발자가 직접 만든 컴포턴트에 자체 이벤트 설정 불가) 전달받은 props를 컴포넌트 내부 DOM 이벤트로 설정 4.1.2. 이벤트 종류 다양한 이벤트가 존재하지만, 책에서는 일부만을 다룹니다. Clipboard Composition Keyboard Fo..

22-23/22-23 리액트 스타터 1 2022. 10. 13. 10:00

INDEX 4장 이벤트 핸들링 1. 리액트의 이벤트 시스템 1.1 이벤트를 사용할 때 주의 사항 1.2 이벤트 종류 2. 예제로 이벤트 핸들링 익히기 2.1 컴포넌트 생성 및 불러오기 2.2 onChange 이벤트 핸들링하기 2.3 임의 메서드 만들기 2.4 input 여러 개 다루기 2.5 onKeyPress 이벤트 핸들링 3. 함수형 컴포넌트로 구현해보기 4. Question 개념 정리 및 코드 문제 ● 개념 복습 문제 ● 코드 문제 이벤트 핸들링 이벤트(event): 사용자가 웹 브라우저에서 DOM 요소들과 상호작용하는 것으로 클릭, 키보드 입력 등의 사용자의 행위 이벤트 핸들링: 이벤트(event)를 처리하는 것 자바스크립트의 이벤트 실행 Click Me 1. 리액트의 이벤트 시스템 // Say...

21-22/21-22 리액트 스타터 -2 2021. 11. 15. 13:00

1. 리액트의 이벤트 시스템 이벤트 : 사용자가 웹브라우저에서 DOM 요소들과 상호작용하는 것 리액트의 이벤트 작성법은 일반 HTML에서의 이벤트 작성법과 비슷합니다. ※주의 사항 ① 이벤트 이름은 카멜 표기법으로 작성 ② 이벤트 설정 시 함수 형태의 객체 전달 - 이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아니다. ③ DOM 요소에만 이벤트 설정 가능 - 직접 만든 컴포넌트에는 이벤트 자체 설정 불가 그냥 이름이 onClick인 props를 컴포넌트에게 전달할 뿐 ⇨ 전달받은 props를 컴포넌트 내부의 DOM이벤트로 설정은 가능하다. ▶이벤트 종류 더보기 더보기 Clipboard, Composition, Keyboard, Focus, Form, Mouse, Selection, Touch, UI..

21-22/21-22 리액트 마스터 2021. 10. 11. 14:00