2023/03/08 3

외부 리소스 참조하기

이미지 파일 등의 외부 리소스 파일을 참조하기 위해서는 해당 파일의 경로를 지정해줘야 한다. src 폴더 내 파일 참조 /* CSS에서 src 폴더 내 background image 를 참조 */ .class-name { background-image: url(./bg.png); } // App.js(HTML)에서 참조 import imgSourceName from './bg.png'; // 참조 대상 경로를 참조명으로 import 한다. ... PUBLIC 폴더 내 참조 // 사용법 // 권장 사용법 - 서브 주소에 배포하는 경우 정상적으로 표현되지 않는 경우가 있기 때문. src/PUBLIC src는 build시 html, js, css로 컴파일할 때 되는데, PUBLIC은 컴파일 대상이 아니라 co..

개발/React 학습 2023.03.08

React Bootstrap 사용

React Bootstrap 이란? Bootstrap을 React에서 사용하는 것으로, HTML요소를 디자인하기 간편하도록 해준다. 설치 // Bootstrap을 사용하려는 프로젝트 폴더에서 실행 > npm install react-bootstrap bootstrap React 프로젝트에 적용 https://react-bootstrap.netlify.app/getting-started/introduction 1.App.js에 적용 - App.js에 아래와 같이 import 해준다. import 'bootstrap/dis/css/bootstrap.min.css'; 2.index.html에 적용 - index.html에 아래 내용을 import 해준다. Navbar 적용해보기 https://react-boo..

개발/React 학습 2023.03.08

ListBoxControl 특정 조건에서 Font 변경하기

ListBoxControl 내 item에서 item 내용이 특정 조건이 만족하는 경우 Font를 Bold로 적용하고 싶어서 적용한 방법이다. 해당 처리는 DrawItem event를 통해서 처리할 수 있다. private void listBoxControlName_DrawItem(object sender, ListBoxDrawItemEventArgs e) { ListBoxControl listBox = sender as ListBoxControl; if (listBox == null || e.Index < 0) return; try { string itemText = listBox.GetItemText(e.Index); if (string.IsNullOrEmpty(itemText) == true) ret..

개발/DevExpress 2023.03.08