전체 글787

• 

  [React]input Element 포커싱 처리 StackOverFlow를 눈팅하던 도중 2015년에 작성된 흥미로운 글을 발견했습니다. 렌더링 후 input Element를 포커싱 처리를 어떻게 하는지 질문하는 글이었습니다. https://stackoverflow.com/questions/28889826/how-to-set-focus-on-an-input-field-after-rendering How to set focus on an input field after rendering? What's the react way of setting focus on a particular text field after the component is rendered? Documentation seems to suggest using refs, e.g: Set .. React/React 문법 2021. 8. 3.

• 

  [C#]StringComparison 열거형 C#에서 문자열 관련 메소드를 사용하다 보면, 마주치게 되는 게 StringComparison 열거형입니다. StringComparison 열거형은 대부분 책에서도 자세하게 설명을 하지 않고 공식 문서에서는 내용 자체는 어렵지 않지만, 번역 때문에 이해하기가 어렵습니다. 이번 기회에 StringComparison 열거형에 대해 정리합니다. StringComparison 열거형 StringComparison 열거형은 문자열 검색 및 비교하는 메소드에서 검색 규칙을 설정하는 기능입니다. 열거형 필드 필드 설명 CurrentCulture 문화권 구분 정렬 규칙 및 현재 문화권을 사용하여 문자열을 비교합니다. CurrentCultureIgnoreCase 문화권 구분 정렬 규칙 및 현재 문화권을 사용하고 비교되는.. C# 2021. 8. 1.

• 

  2021년 7월 블로그 결산 및 8월 목표 안녕하세요. 개발이야기입니다. 어느덧 블로그를 본격적으로 운영을 한 지 4개월이 지났습니다. 7월의 블로그 결산 내역과 8월의 목표를 간단하게 정리합니다. 7월 목표 지난 결산에서 작성한 7월 목표 중 2개를 달성했습니다. (달성) 7월 포스팅 수 20개 (달성) 월 방문자 450명(평균 15명 이상) (미흡) 비공개 또는 내용이 부족한 포스팅 정리(수정 또는 삭제) 7월 수익 위 내용보다 수익을 더 궁금해하실 거 같아서 수익 먼저 정리합니다. 이번 달 수익은 $2.8입니다. 수익이 갑작스럽게 나온 이유는 직장 동료분들이 광고를 클릭해줘서입니다...... 11~12일에 블로그 운영하고 있다고 직장 동료들에게 언급한 날입니다. 11~12일 제외하고는 전부 $0이므로 직장 동료분들이 없었다면, 수익은 $0라.. 티스토리/블로그 결산 2021. 8. 1.

• 

  [C#]문자열 위치 찾기(IndexOf) 문자열 위치를 찾아야 하는 경우 IndexOf() 메서드를 사용하여 찾을 수 있습니다. 이번 포스팅에서는 IndexOf() 메서드를 사용하여 시작 위치와 가까운 문자 또는 문자열의 위치를 찾는 방법을 정리합니다. 목차 IndexOf 메서드 IndexOf 메서드 사용 방법 IndexOf 메서드 주의사항 IndexOf 메서드 문자열의 시작 위치에서부터 검색하고자 하는 문자 또는 문자열의 인덱스를 찾습니다. 동일한 문자열이 존재할 경우 시작 위치와 가까운 문자열의 위치(인덱스)를 반환합니다. 찾는 문자 또는 문자열이 없을 경우 -1을 반환합니다. IndexOf 메서드 사용 방법 IndexOf 메서드는 여러 가지 오버로딩이 존재합니다. 오버로딩된 IndexOf 메서드 사용 방법을 정리하였습니다. ☞ String.. C#/문자열 2021. 7. 29.

• 

  [JavaScript]Window 객체와 Document 객체 Window 객체와 Document 객체 window는 브라우저의 창이고 document는 브라우저 창의 HTML 문서 객체입니다. 즉, window객체 안에 document객체가 존재합니다. window 객체 브라우저 탭의 전역 객체입니다. window로 접근 가능합니다. Chrome Console에서 window 입력 document 객체 window객체의 속성(property)입니다. document는 앞에 window가 생략되어 있으므로 window.document와 document는 동일합니다. document 또는 window.document로 접근 가능합니다. Chrome Console에서 document 입력 Console에서 document의 출력 결과는 크롬 개발자 도구(F12)에서 E.. JavaScript/JavaScript 문법 2021. 7. 28.

• 

  [React]컴포넌트 외부 클릭을 감지 StackOverFlow를 눈팅하던 도중 2017년에 작성된 흥미로운 글을 발견했습니다. 컴포넌트 외부 클릭을 어떻게 감지하는지 질문하는 글이었습니다. https://stackoverflow.com/questions/32553158/detect-click-outside-react-component Detect click outside React component I'm looking for a way to detect if a click event happened outside of a component, as described in this article. jQuery closest() is used to see if the target from a click event has the dom eleme.. React/React 문법 2021. 7. 28.

• 

  [C#]DataTable 복사(Copy)와 복제(Clone) 방법 DataTable을 복사하는 DataTable.Copy() 메소드와 DataTable을 복제하는 DataTable.Clone() 메소드를 정리합니다. Copy() DataTable의 컬럼(Column), 행(Row), 행의 상태(RowState)를 복사합니다. DataTable dt = new DataTable(); dt.Columns.Add("ID", typeof(string)); dt.Columns.Add("Subject", typeof(string)); dt.Columns.Add("Score", typeof(int)); DataRow rowEx1 = dt.NewRow(); rowEx1["ID"] = "A"; rowEx1["Subject"] = "Java Programming"; rowEx1["Sco.. C# 2021. 7. 27.

• 

  [C#]DataTable에 컬럼(Column) 추가하는 방법 C#에서 DataTable에 컬럼(Column)을 추가하는 방법에 대해 설명합니다. Add() 메서드를 사용 가장 기본적인 방법으로 컬럼의 이름과 타입을 설정합니다. DataTable dt = new DataTable(); dt.Columns.Add("ID", typeof(string)); dt.Columns.Add("Subject", typeof(string)); dt.Columns.Add("Score", typeof(int)); SetOrdinal() 메서드를 사용하여 원하는 위치(인덱스)에 추가 SetOrdinal() 메서드 - DataColumn을 지정된 위치(인덱스)로 설정합니다. public void SetOrdinal (int ordinal); 첫 번째 매개변수 - 지정된 위치(인덱스) Da.. C# 2021. 7. 26.

• 

  [C#]DataTable에 행(Row) 추가하는 방법 C#에서 DataTable에 행(Row)을 추가하는 방법에 대해 설명합니다. 방법 1. DataRow를 사용 추가하려는 행(Row)의 수만큼 DataRow가 필요하므로 좋은 방법은 아닙니다. /* DataTable 생성 및 컬럼 설정 */ DataTable dt = new DataTable(); dt.Columns.Add("ID", typeof(string)); dt.Columns.Add("Subject", typeof(string)); dt.Columns.Add("Score", typeof(int)); /* 1. DataRow를 사용하는 방법 */ DataRow rowEx1 = dt.NewRow(); rowEx1["ID"] = "A"; rowEx1["Subject"] = "Java Programming.. C# 2021. 7. 26.

• 

  [React]Recoil 간단한 예제 코드 Recoil 라이브러리의 필요성 지난 포스팅에서는 자식 컴포넌트가 부모 컴포넌트의 state를 변경하는 방법에 대해 알아보았습니다. 그리고 부모 컴포넌트의 state가 변경되면서 부모 컴포넌트에 속하는 모든 자식 컴포넌트들이 re-render 되는 것도 알게 되었습니다. Recoil 라이브러리는 모든 자식 컴포넌트들이 re-render 되는 것을 방지하기 위해 탄생한 상태 관리 라이브러리입니다. 부모 컴포넌트의 state를 공유하지 않고 Atoms이라는 저장소에 상태를 관리합니다. 컴포넌트들은 Atoms에 접근하여 상태를 공유하기 때문에 상태를 공유하기 위해서 더 이상 부모 컴포넌트의 state에 의존하지 않아도 됩니다. Recoil 라이브러리의 자세한 내용 및 사용 방법은 아래 공식 문서를 참고 부탁드.. React/유용한 NPM 2021. 7. 25.

• 

  [JavaScript]널 병합 연산자(??) JavaScript에서 사용되는 널 병합 연산자(Nullish coalescing operator) ?? 연산자에 대해 설명합니다. ※ IE와 Opera에서는 호환되지 않습니다. ?? 연산자 왼쪽 피연산자가 null 또는 undefined일 경우 오른쪽 피연산자를 반환하고 그렇지 않을 경우 왼쪽 피연산자를 반환합니다. 아래 코드에서 왼쪽 피연산자가 null 이므로 오른쪽 피연산자인 'Hello'를 반환합니다. var A = null ?? 'Hello'; || 연산자와 다른 점 ?? 연산자는 오직 null과 undefined를 체크합니다. || 연산자는 참(true)인 값을 체크합니다. ?? 연산자에서 왼쪽 피연산자가 0 또는 false일 경우 왼쪽 피연산자를 반환합니다. || 연산자에서 왼쪽 피연산자가 .. JavaScript/JavaScript 문법 2021. 7. 24.

• 

  C# 온라인 컴파일러 .NET Fiddle 안녕하세요. 개발이야기입니다. 이번 포스팅에서는 온라인에서 C# 코드를 작성하고 테스트 가능한 사이트 .NET Fiddle를 소개합니다. 온라인 컴파일러의 장점으로는 Visual Studio가 없어도 온라인에서 C# 코드를 작성하여 테스트가 가능합니다. 단점으로는 작성할 수 있는 코드의 한계와 지원 안되는 기능들이 많습니다. ※ 윈도우 프로그래밍 개발 및 테스트는 불가능합니다. 소개 목록 간단한 사용 방법 티스토리와 연동 크롬에 C# online complier라고 검색을 하면, 최상단에 .NET Fiddle가 나옵니다. .NET Fiddle 이동하기 C# Online Compiler | .NET Fiddle dotnetfiddle.net 기본 기능 로그인하지 않아도 메인 화면에서 코드를 작성하고 Run.. 기타 2021. 7. 24.