반응형
React 화살표 함수와 상위 스코프 개념 1. 화살표 함수와 상위 스코프의 의미화살표 함수는 자체적인 this를 가지지 않고, 자신을 감싸는 상위 스코프(부모 스코프)의 this를 상속받습니다.전통적인 함수(function)는 호출될 때 this가 동적으로 결정되지만,화살표 함수는 선언될 때의 **상위 스코프의 this**를 사용합니다. 2. 전통적인 함수와 화살표 함수의 this 차이전통적인 함수: 동적 thisfunction Person() { this.name = "John"; setTimeout(function () { console.log(this.name); // 출력: undefined (또는 브라우저에서는 window의 값) }, 1000);}new Person(); 화살표 함수: 상위 스코프의 this function..
썸네일 React 함수 선언 방법 2가지 1. 전통적인 함수 선언형식function 함수이름(파라미터) { // 코드} 2. 화살표 함수 (Arrow Function)형식const 함수이름 = (파라미터) => { // 코드}; 3. 전통적인 함수와 화살표 함수의 차이구분전통적인 함수화살표 함수   4. 주요 차이점 자세히 설명1) this의 차이전통적인 함수는 호출된 시점에서 **this**가 동적으로 결정됩니다.화살표 함수는 상위 스코프의 this를 그대로 사용합니다.전통적인 함수와 thisconst obj = { name: "React", showName: function () { console.log(this.name); },};obj.showName(); // 출력: React 화살표 함수와 thisconst obj = ..
React의 State(상태)란? 1. useState의 기본 문법useState는 React의 Hook 중 하나입니다.함수형 컴포넌트에서 상태를 추가할 때 사용합니다.const [state, setState] = useState(initialValue);state: 상태 변수입니다. 현재 상태 값을 나타냅니다.setState: 상태를 변경하는 함수입니다. 상태를 업데이트하면 컴포넌트가 다시 렌더링됩니다.initialValue: 상태의 초기 값입니다.2. useState 사용 예제 import { useState } from "react";function Counter() { const [count, setCount] = useState(0); // 초기값 0으로 상태 선언 // 상태를 변경하는 함수 const increase = ..
React 기초 1) JSX (JavaScript XML)React는 JSX를 사용해 UI를 작성합니다. JSX는 HTML과 비슷하지만, JavaScript와 함께 동작하는 특수 문법입니다.JSX 기본 문법function App() { const name = "React"; return ( Hello, {name}! {/* 중괄호로 JavaScript 표현식 사용 */} );}export default App;  2) 컴포넌트React는 컴포넌트 기반으로 화면을 구성합니다.컴포넌트는 크게 두 가지 종류가 있습니다.함수형 컴포넌트 (Functional Component)function Welcome(props) { return Hello, {props.name};}  컴포넌트 사용다른 컴포넌..
썸네일 IP 주소 확인 IP 주소는 우리가 인터넷을 사용할 때 매우 중요한 역할을 합니다. 오늘은 IP 주소에 대해 알아보고, 내 IP 주소를 쉽게 확인하는 방법에 대해 설명드리겠습니다.IP 주소란 무엇인가?IP 주소는 인터넷 프로토콜 주소(Internet Protocol Address)의 약자로, 인터넷에 연결된 모든 장치에 부여되는 고유한 숫자 조합입니다. 이 주소는 장치가 서로 통신할 수 있도록 도와주며, 마치 집 주소처럼 특정 장치를 식별하는 역할을 합니다.IP 주소의 종류IP 주소는 크게 두 가지로 나눌 수 있습니다. 첫 번째는 공인 IP 주소로, 인터넷 서비스 제공업체(ISP)에서 할당받는 주소입니다. 두 번째는 사설 IP 주소로, 가정이나 사무실 내의 네트워크에서 사용되는 주소입니다. 사설 IP 주소는 라우터를 통..
오라클 힌트 "사전 지식" TABLE ACCESS BY INDEX ROWIDINDEX RANGE SCAN=> 위 두개의 텍스트는 합쳐서 쓰입니다. 밑에서부터 위로 읽으며, 인덱스를 활용해 테이블의 범위를 한정하고 스캔합니다. 여기서 추출된 여러 데이터들은 ROWID 들이 각각 있을 것이고, 이것을 활용하여 데이터를 가져옵니다. TABLE ACCESS BY GLOBAL INDEX ROWIDINDEX RANGE SCAN=> 일반적으로 테이블이 파티션화(partitioned) 되어 있을 때, 글로벌 인덱스는 여러 파티션의 데이터를 모두 아우르는 인덱스로, 인덱스 범위 스캔을 하고 이 데이터들의 ROWID를 활용합니다. PARTITION HASH ITERATOR=> 파티셔닝된 테이블에서 해시 기반으로 파티션을 분할하여 쿼리..
반응형