개발자정보 (310) 썸네일형 리스트형 React Ag-Grid ag-grid.css Module not found: Can't resolve 'ag-grid-community/styles/ag-grid.css' 해결방법 오류 : Module not found: Can't resolve 'ag-grid-community/styles/ag-grid.css' in 'C: 해결방법 아래 2라인 추가 했음. import { ModuleRegistry, AllCommunityModules } from '@ag-grid-community/all-modules'; ModuleRegistry.registerModules(AllCommunityModules); 오류 소스 import { useState } from "react"; import { render } from "react-dom"; import { AgGridReact } from "@ag-grid-community/react"; import "ag-grid-community.. SAP Case Guid http://download.ithb.ac.id/downloads/CRC/SAP%20HANA%20Introduction/10%20WM/02%20GUI/02_Case_Study/ Index of /downloads/CRC/SAP HANA Introduction/10 WM/02 GUI/02_Case_Study download.ithb.ac.id MariaDB Table Layout SQL MariaDB 테이블 명세서 SQL ------------------------------------ SELECT b.ORDINAL_POSITION NO, a.TABLE_NAME , b.COLUMN_NAME , b.COLUMN_COMMENT , b.DATA_TYPE , b.COLUMN_TYPE , b.COLUMN_KEY , b.IS_NULLABLE NULL_YN, b.EXTRA AUTO_YN, b.COLUMN_DEFAULT FROM information_schema.TABLES a JOIN information_schema.COLUMNS b ON a.TABLE_NAME = b.TABLE_NAME AND a.TABLE_SCHEMA = b.TABLE_SCHEMA WHERE a.TABLE_SCHEMA = 'D.. React의 기본 개념을 알기 위해서... React 공식 문서를 읽는 것이 가장 좋다. https://ko.legacy.reactjs.org/docs/hello-world.html Hello World – React A JavaScript library for building user interfaces ko.legacy.reactjs.org 가장 단순한 React 예시는 다음과 같이 생겼습니다. const root = ReactDOM.createRoot(document.getElementById('root')); root.render(Hello, world!); CodePen에서 실행하기 팁 이 안내서는 개념들을 단계적으로 배우길 원하는 사람들을 대상으로 합니다. 실습을 통해 배우길 원한다면, 실전 튜트리얼을 확인하세요. 이 안내서와 실전 튜.. React Context 란? context를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있습니다. 일반적인 React 애플리케이션에서 데이터는 위에서 아래로 (즉, 부모로부터 자식에게) props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트들에 전해줘야 하는 props의 경우 (예를 들면 선호 로케일, UI 테마) 이 과정이 번거로울 수 있습니다. context를 이용하면, 트리 단계마다 명시적으로 props를 넘겨주지 않아도 많은 컴포넌트가 이러한 값을 공유하도록 할 수 있습니다. 언제 context를 써야 할까 context를 사용하기 전에 고려할 것 API React.createContext Context.Provider Class.contextType Context... React Rendering(렌더링) ? 리액트에서 렌더링이란, 컴포넌트가 현재 props와 state의 상태에 기초하여 UI를 어떻게 구성할지 컴포넌트에게 요청하는 작업을 의미한다. 렌더링이 일어나는 동안, 리액트는 컴포넌트의 루트에서 시작하여 아래쪽으로 쭉 훑어 보면서, 업데이트가 필요하다고 플래그가 지정되어 있는 모든 컴포넌트를 찾는다. 만약 플래그가 지정되어 있는 컴포넌트를 만난다면, 클래스 컴포넌트의 경우 classComponentInstance.render()를, 함수형 컴포넌트의 경우 FunctionComponent()를 호출하고, 렌더링된 결과를 저장한다. 컴포넌트의 렌더링 결과물은 일반적으로 JSX 문법으로 구성되어 있으며, 이는 js가 컴파일되고 배포 준비가 되는순간에 React.createElement()를 호출하여 변환된다.. React에서 App.js가 제일 처음 호출되는 이유는? 리액트는 번들러를 사용한다. 특히 리액트 프로젝트에서는 webpack을 주로 사용하는데, node_modules에 가 보면 webpack이 알아서 설치되어 있음을 확인하실 수 있다. webpack은 가장 처음으로 읽어들이는 entry point부터 시작하여 필요한 모든 모듈을 다 불러온 뒤 번들링하여 한 파일로 합쳐서 bundle.js 에 저장하는 역할을 합니다. webpack 설정파일에 가 보면 entry point가 index.js로 정의되어 있다. Declarative UI 란? 원문 : https://medium.com/everything-full-stack/declarative-ui-what-how-and-why-13e092a7516f Declarative UI — What, How, and Why? Put simply, Declarative coding only instructs a program on what should be done, not how to do it. medium.com Unsplash 에 있는 Tengyart 의 사진 간단히 말해서, 선언적 코딩은 수행 방법이 아니라 수행해야 하는 작업에 대해서만 프로그램에 지시합니다. 무엇? 선언적 UI에 대해 이야기할 때 우리는 먼저 그것이 원하는 결과와 주어진 애플리케이션 상태에서 사용자에게 어떻게 보여야 하는지를.. 이전 1 2 3 4 ··· 39 다음
