분류 전체보기 (9316) 썸네일형 리스트형 mariadb 인덱스 추가 예제 만약 orders라는 테이블이 있고, 이 테이블의 order_date 컬럼에 idx_order_date라는 이름으로 인덱스를 추가하고 싶다면 다음과 같은 SQL 구문을 사용하시면 됩니다.CREATE INDEX idx_order_date ON orders (order_date); 이 구문을 실행하면 orders 테이블의 order_date 컬럼에 인덱스가 생성되어 해당 컬럼을 기준으로 데이터를 검색할 때 성능이 향상될 수 있습니다.SHOW INDEX FROM 테이블_이름; React 17.0.2 + TypeScript 4.3.5 + MobX 조합으로 작성된 예제이며, observer를 사용한 함수형 컴포넌트(const Monitor = observer(() => {...}) 버전입니다.요구사항을 충족합니다:모니터링 주기: DAILY, WEEKLY, MONTHLY 라디오Start Time 입력은 항상 표시WEEKLY 선택 시 요일 라디오MONTHLY 선택 시 1~31일 콤보박스 monitorStore.tsimport { makeAutoObservable } from "mobx";export type MonitoringCycle = 'DAILY' | 'WEEKLY' | 'MONTHLY';export class MonitorStore { cycle: MonitoringCycle = 'DAILY'; startTime: string = ''; dayOfWeek: string = 'MON'; dayOfMonth: number = 1; constructor() { makeAutoObservable(this); } setCycle = (cycle: MonitoringCycle) => { this.cycle = cycle; }; setStartTime = (time.. React 17.0.2, TypeScript 4.3.5, 클래스 컴포넌트 기반으로 작성된 예제입니다.모니터링 주기(DAILY, WEEKLY, MONTHLY)에 따라 UI가 조건부 렌더링 예제 // MonitoringScheduler.tsximport React, { Component, ChangeEvent } from 'react';type MonitoringCycle = 'DAILY' | 'WEEKLY' | 'MONTHLY';interface State { cycle: MonitoringCycle; startTime: string; selectedDay?: string; selectedDate?: string;}export class MonitoringScheduler extends Component { state: State = { cycle: 'DAILY', startTime: '', }; handleCycleChange = (event: ChangeEvent) .. 小川糸(오가와 이토)는 일본의 인기 작가 :: 따뜻하면서도 여운이 남는 문체 그녀의 대표작 《만복사점》은 한국에서도 베스트셀러가 되었으며, 음식과 일상의 소중함을 담은 작품들이 많습니다.1. 주요 작품 소개대표작《만복사점》(万福まん福堂, 2013)만두 가게를 배경으로 한 인간관계와 치유의 이야기.한국어 번역본 출간 (2015, 민음사).《바다 건너 온 냄비》(海の向こうの鍋, 2017)독일에서의 생활을 바탕으로 한 에세이 소설.《꿀빛 바람》(蜜色の風, 2018)자연과 음식을 통해 삶의 아름다움을 그린 작품.《사랑하는 생선 가게》(愛すべき魚屋さん, 2021)생선 가게 주인과 손님들의 이야기.에세이《오늘의 밥상》(今日のごはん, 2016)《작은 기쁨》(小さなよろこび, 2020)2. 작품 무료 공개 정보小川糸의 작품은 대부분 저작권이 유효하여 무료로 읽을 수 있는 공식 사이트는 제한적입니.. 일본 역사 1. 선사시대 (~기원전 3세기)조몬 시대: 수렵·채집 생활, 토기 사용 (기원전 1만 년경~).야요이 시대: 벼농사 도입, 금속기 사용, 계급 사회 형성 (기원전 3세기~서기 3세기).2. 고대 (3세기~12세기)고훈 시대: 대규모 고분 축조, 야마토 정권 성립 (3세기~6세기).아스카·나라 시대:불교 전래(538년), 다이카 개신(645년)으로 중앙집권화.첫 수도 나라(헤이조쿄) 건설, 《고지키》·《니혼쇼키》 편찬.헤이안 시대:수도 교토(헤이안쿄)로 이전(794년).귀족 문화(예: 《겐지 모노가타리》) 발달, 후지와라 가문의 섭정 정치.말기에 무사 계급(사무라이) 등장.3. 중세 (12세기~16세기)가마쿠라 막부(1185~1333):미나모토노 요리토모가 최초의 막부 설립. 무사 정권 시작.몽골 침략(.. React 17 + TypeScript + 클래스 컴포넌트 환경에서 ag-Grid를 사용하여 chkResult 컬럼에 따라 신호등 모양의 색상 원을 표시하는 예제 React 17 + TypeScript + 클래스 컴포넌트 환경에서 ag-Grid를 사용하여 chkResult 컬럼에 따라 신호등 모양의 색상 원을 표시하는 예제입니다.요구사항:chkResult 값이:N → 회색 원W → 노란색 원E → 빨간색 원텍스트 앞에 원형(신호등 아이콘) 표시 import React, { Component } from 'react';import { AgGridReact } from 'ag-grid-react';import { ColDef } from 'ag-grid-community';import 'ag-grid-community/styles/ag-grid.css';import 'ag-grid-community/styles/ag-theme-alpine.css';interface .. React 커스텀 컴포넌트 포커스 이동 input2Ref는 단순한 이 아니라,AutoComplete: React.ForwardRefExoticComponent 즉, ref forwarding이 가능한 커스텀 컴포넌트입니다.그런데 input2Ref.current?.focus()를 호출해도 실제 DOM 포커싱이 이동하지 않음.이는 커스텀 AutoComplete 컴포넌트가 ref를 실제 DOM input에 제대로 forward하지 않았기 때문입니다.✅ 해결 방법 요약✅ 1. AutoComplete 컴포넌트가 ref를 내부 input에 전달하도록 구현되어야 합니다커스텀 컴포넌트에서 ref를 사용하려면, React.forwardRef로 감싸고 ref를 내부 input에 전달해야 합니다:// AutoComplete.tsximport React, { fo.. React Enter 이벤트 처리 예제(Class Component + TypeScript) import React, { Component, createRef } from 'react';interface State { condition1: string; condition2: string; condition3: string;}class SearchForm extends Component { input1Ref = createRef(); input2Ref = createRef(); input3Ref = createRef(); state: State = { condition1: '', condition2: '', condition3: '', }; handleKeyDown = (e: React.KeyboardEvent, fieldIndex: number) => { i.. 이전 1 2 3 4 ··· 1165 다음