분류 전체보기787

• 

  [C#]DataTable 행(Row) 삭제 방법 MS에서 C#의 DataTable의 행(Row)을 삭제하는 방법으로 Remove 메서드와 Delete 메서드의 사용을 권장합니다. DataTable의 행을 삭제하는 방법을 좀 더 알아보면 Remove, Delete 메서드 이외에 RemoveAt 메서드와 Clear 메서드도 존재합니다. 이번 포스팅에서는 아래 4가지 메서드를 이용하여 DataTable의 행을 삭제하는 방법을 소개합니다. 목차 지정된 행을 삭제하는 Remove 메서드 지정된 Index의 행을 삭제하는 RemoveAt 메서드 모든 행을 삭제하는 Clear 메서드 DataRow에 접근하여 행을 삭제하는 Delete 메서드 샘플 DataTable 아래 그림은 예제로 사용할 DataTable의 구조입니다. Remove 메서드 지정된 DataRow를.. C# 2021. 8. 8.

• 

  [C#]DataTable 최대, 최소, 합계, 평균값 구하기 DataTable의 집계 함수인 Compute 메서드는 조건에 맞는 행을 조회하여 특정 컬럼을 집계하는 기능을 가진 메서드입니다. Compute 메서드에서 사용 가능한 집계 유형은 다음과 같습니다. 일반적으로 우리가 알고 있는 합계(SUM), 평균(AVG), 최소(MIN), 최대(MAX), 개수(COUNT)을 지원합니다. 추가적으로 다음 유형도 지원합니다. 통계적 표준편차(STDEV) 통계적 분산(VAR) AVG(자식데이터테이블.컬럼명) : 자식 데이터 테이블 컬럼의 평균 이번 포스팅에서는 일반적으로 사용하는 집계 유형에 대해 정리하였습니다. Compute 메서드 Compute 메서드는 object를 반환합니다. public object Compute (string? expression, string? .. C# 2021. 8. 7.

• 

  [C#]DataTable 컬럼(Column) 삭제 방법 C#에서 DataTable에 컬럼(Column)을 삭제하는 방법에 대해 정리합니다. 특정 위치의 컬럼을 삭제 RemoveAt 메서드를 사용하여 지정된 인덱스의 컬럼을 삭제합니다. public void RemoveAt (int index); 사용 방법 DataTable dt = new DataTable(); dt.Columns.Add("ID", typeof(string)); dt.Columns.Add("Subject", typeof(string)); dt.Columns.Add("Score", typeof(int)); // index가 1인 컬럼을 삭제 dt.Columns.RemoveAt(1); 컬럼 삭제 전 컬럼 삭제 후 index가 1인 Subject 컬럼이 삭제되었습니다. 특정 컬럼명을 삭제 Remov.. C# 2021. 8. 7.

• 

  비주얼 스튜디오(Visual Studio) 2019 설치, C# 프로젝트 생성 안녕하세요. 개발이야기입니다. 이번 포스팅에서는 Visual Studio 2019 설치 과정과 C#을 사용하기 위해 설정하는 과정을 포스팅합니다. 제가 이전에 온라인에서 C#을 컴파일 할 수 있는 .NET Fiddle 사이트를 소개 했는데요. ☞ .NET Fiddle 포스팅 보러 가기 나름 C# 개발 2년차라서 작성하고 싶은 글들이 많은데, 온라인 컴파일러에서는 제한되는 기능이 많아서 포스팅 하기가 어렵더라구요. 이번 기회에 Visual Studio를 설치하였습니다. 설치 과정 순서 1. 아래 링크를 클릭 해서 다운로드 사이트로 접속합니다. https://visualstudio.microsoft.com/ko/downloads/ Windows 및 Mac용 Visual Studio 2019 다운로드 Visu.. 기타 2021. 8. 7.

• 

  [React]import, export 사용 방법 React에서 애플리케이션의 크기가 커질수록 하나의 파일에서 코드를 작성하기에는 한계가 존재합니다. 이러한 문제를 해결하기 위해 자바스크립트에서는 모듈(module)이라는 기능을 지원하여 하나의 파일을 여러개의 파일로 나눌 수 있습니다. 위 사진은 App.js에서 Page와 관련된 로직을 컴포넌트로 분리하였으며, Page 폴더에서 관리하는 구조입니다. App.js가 Page 폴더 내부에 있는 파일들의 코드를 접근하는 방법은 두 가지 입니다. 방법 1. 파일경로를 직접 접근하여 import import DefaultPage from "./Page/DefaultPage"; import Page001 from "./Page/Page001"; import Page002 from "./Page/Page002"; .. React/React 문법 2021. 8. 6.

• 

  [React]React에서 radio 버튼 사용하기 이번 포스팅에서는 React에서 radio 버튼을 사용하는 방법에 대해 정리합니다. 목차 radio 버튼을 클릭할 때마다 state 변경 radio 버튼 동적으로 추가 radio 버튼을 클릭할 때마다 state 변경 radio 버튼을 클릭할때마다 this.state.selectValue의 값이 변경되는 코드입니다. constructor this.state.selectValue의 값을 "Mac"으로 초기화합니다. constructor(props) { //... this.state = { selectValue: "Mac" }; } handleChange 이벤트 핸들러 함수 handleChange를 작성합니다. this.state.selectValue의 값을 이벤트가 발생한 타깃의 값으로 변경합니다. hand.. React/React 문법 2021. 8. 5.

• 

  [React]super()와 super(props)의 차이 대부분 React 개발자들은 Class 컴포넌트를 구현할 때, constructor(props)에서 super(props)를 당연하게 사용했을 거라 생각합니다. class App extends React.Component { constructor(props) { super(props); //... } //... } 저 또한 super(props)를 당연하게 사용을 해왔기 때문에 아래 의문에 대해 답변을 할 수 없었습니다. 1. 생성자에서 super()를 호출하는 이유 2. super()에 props를 넘겨주는 이유 이번 포스팅에서는 super()와 super(props)의 차이에 대해 정리합니다. StackOverFlow에서 아래 질문에 대해 영감을 얻었으며, Dan Abramov가 작성한 글을 일부 번.. React/React 문법 2021. 8. 5.

• 

  [React]컴포넌트의 렌더링을 지연하는 방법 React에서 컴포넌트의 렌더링을 지연하는 방법입니다. Class기반의 컴포넌트로 예제 코드를 작성하였습니다. 컴포넌트의 렌더링을 지연하는 방법이 경우에 따라서 처리되는 방법이 다르기 때문에 제 코드가 100% 정답은 아니라는 점 참고부탁드립니다. Class기반의 컴포넌트 새로고침을 클릭하시면, 3초 후 화면이 어떻게 바뀌는지 확인할 수 있습니다. 부모 컴포넌트에서 시간을 넘겨서 특정 시간이 지난 후 다시 렌더링되는 코드입니다. App.js Delay 컴포넌트에 3000이라는 값을 props로 전달합니다. 즉, Delay 컴포넌트는 3초 후 화면에 렌더링됩니다. class App extends Component { render() { return ( ); } } Delay.js Delay 컴포넌트는 th.. React/React 문법 2021. 8. 4.

• 

  [React]컴포넌트에서 Esc 키 감지 React에서 Esc 키를 감지하는 방법입니다. React에서 지원하는 ref와 EventListener을 사용하여 Esc 키를 감지합니다. 예전에 포스팅한 컴포넌트 외부 클릭과 동일한 방법이므로 이번 포스팅에서는 Class기반의 컴포넌트의 코드만 작성하였으며, 자세한 설명도 생략하였습니다. 입력 컨트롤에 Esc 키를 누를 경우 Esc Press 라는 문구가 console에 출력되는 코드를 작성했습니다. Class기반의 컴포넌트로 구현 constructor 생성자에서 React.createRef()를 사용하여 escRef라는 ref를 생성하며, 이벤트 핸들러 함수를 바인딩합니다. constructor(props) { super(props); this.escRef = React.createRef(); th.. React/React 문법 2021. 8. 4.

• 

  [React]조건부 렌더링 React에서 조건에 따라 로직을 처리해야 하는 코드를 작성해야 하는 경우가 존재합니다. 예전에 Route 조건부 렌더링하는 방법에 대해 간단하게 정리를 했는데요. 조건부 렌더링 하는 방법이 생각보다 다양해서 이번 기회에 조건부 렌더링을 처리하는 다양한 방법을 정리하였습니다. 코드 삼항 연산자 가장 기본적인 방법입니다. this.state.view의 값이 true일 경우 삼항 연산자를 반환하며, false일 경우 null을 반환합니다. class App extends Component { constructor(props) { super(props); this.state = { view: true }; } render() { return ( { /* 삼항 연산자 */ this.state.view === t.. React/React 문법 2021. 8. 3.

• 

  [React]태그의 이름을 동적으로 처리 React에서 Tag의 이름을 동적으로 처리하는 방법입니다. StackOverFlow의 아래 질문을 참고하여 코드를 작성하였습니다. https://stackoverflow.com/questions/33471880/dynamic-tag-name-in-jsx-and-react Dynamic tag name in jsx and React I try to write a React component. for html heading tags(h1,h2,h3,etc...), where the heading priority dynamically changing based on the priority we have defined in the props. Here what I try to do.... stackoverfl.. React/React 문법 2021. 8. 3.

• 

  [React]전달받은 props로 state값을 초기화 React는 일반적으로 부모 컴포넌트에서 자식 컴포넌트로 값을 전달하는 구조로 되어있습니다. 그리고 컴포넌트에서 사용되는 값의 상태는 state와 props로 분류가 됩니다. state 현재 컴포넌트에서 사용하는 값(수정 가능) props 부모 컴포넌트에게 전달받은 값(수정 불가능) 이번 포스팅에서는 state를 부모 컴포넌트에게 전달받은 값인 props로 초기화하는 방법에 대해 작성합니다. StackOverFlow의 아래 질문을 질문을 참고하여 작성합니다. https://stackoverflow.com/questions/40063468/react-component-initialize-state-from-props React component initialize state from props In Rea.. React/React 문법 2021. 8. 3.