
React 숫자에 콤마 입력 숫자 표시의 경우 4자리가 넘어가면 콤마(,)를 찍어주면 읽기가 편하다. 예를 들어 50000원보다는 50,000원으로 표시해 주면 금방 단위를 파악해서 읽을 수 있다. 프로그램에서도 사용자를 위해서 데이터를 출력해 줄 때 가능하면 콤마를 표시해 주는 게 좋다. 숫자에 콤마입력 예제 위 예제에서는 50000이 입력된 avg 변수의 값에 콤마를 입력해주는 예제이다. TableCell에 들어가는 Typography 컴포넌트에 avg 값을 입력해 주는데 numberWithCommas 함수를 사용해서 50000 값을 50,000으로 변경해 줬다. // 숫자에 콤마입력 함수 const numberWithCommas = (x) => { return x.toString().replace(..

React 삼항연산자로 Style 정보 입력 React에서 UI를 그릴 때 삼항연산자를 많이 사용하게 된다. A 조건이면 배경을 빨간색으로하고 아니면 투명한 색으로 한다던가 Border 값을 조건에 따라서 넣는다거나 하는 경우가 많다. 그리고 html 코드 부분에 조건문 등을 허용하지 않아서 삼항연산자를 써야 하는 경우도 있다. 삼항연산자로 Style 넣는 예제 borderBottom:category.toLowerCase().indexOf('평균'.toLowerCase()) !== -1 ? '2px solid #aaa' // category 값이 "평균" 이라는 단어를 포함할 경우 : '1px solid #ddd' // category 값이 "평균" 이라는 단어를 포함하지 않을 경우 삼항연산자는 3개의 ..

React Native TextInput 비밀번호 타입으로 입력 TextInput에 비밀번호 타입인 "****" 값으로 입력되도록 하기 위해서는 secureTextEntry 옵션을 사용하면 된다. 간단한 옵션이기 때문에 따로 설명업이 바로 예제로 들어가겠다. TextInput 비밀번호 타입으로 입력 예제 TextInput 옵션에 secureTextEntry ={true} 값을 입력해주면 이미지처럼 "****" 값으로 입력되게 된다.

카카오 애드핏 1주일 방문자 5천명에 수익 5천원 이번주에도 어김없이 방문자 1명당 1원 정도의 수익이 발생했다. 애드핏 적립금 계산 로직이 어떻게 되어있는지 모르겠지만 재방문자의 광고 클릭이나 광고노출 단가가 많이 낮은 것으로 생각된다. 왜냐하면 가장 처음 광고를 달았을 때의 광고노출 단가가 많이 높았고 새롭게 광고하는 지역이 있으면 단가가 높았다. 계속 비슷한 곳에서 방문자가 유입되면 1명당 1원의 수익이 개선될 것 같지는 않다. 그래서 이번주에는 사이트 개선작업은 진행하지 않았고 방문자수를 늘리기 위한 광고작업도 개선하지 않았다. 애드센스 승인 전까지는 그냥 현재 수준을 유지할 계획이다. 2023년 2월 6일 ~ 2월 12일 종합 결산 일자 적립금 방문자 광고노출수 클릭수 클릭단가 1천회 노출단가 ..

C# 현재 위치의 함수명 호출 System.Reflection.MethodBase.GetCurrentMethod().Name 함수를 사용해서 현재 위치의 함수명을 호출할 수 있다. 그리고 이를 사용해서 프로그램에서 예외가 발생했을 때 예외가 발생한 위치의 함수명을 화면에 출력하거나 DB에 저장해주면 빠르게 에러를 찾을 수 있다. 현재 위치의 함수명 호출 예제 private void button1_Click(object sender, EventArgs e) { string methodName = System.Reflection.MethodBase.GetCurrentMethod().Name; // 현재 함수명 호출 Console.WriteLine(methodName); // 현재 위치의 함수명 "button..

React Native "RNSScreen" was not found in the UIManager react native에서 Navigation을 사용하려고 코드를 작성했는데 에러가 발생했다. 특이한건 Android 에뮬레이터에서는 에러가 발생하는데 web으로 컴파일하니까 정상적으로 동작했다. 에러내용 # Invariant Violation: requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager. # Invariant Violation: requireNativeComponent: "RNSScreen" was not found in the UIManager 에러 관련해서 구글에 나와있는 거의 모든글에 있는 것..

카카오 애드핏 한달 방문자 9천명, 수익 2만원(23년 1월) 1월 9일부터 웹사이트에 카카오 애드핏 광고를 송출하기 시작했다. 그래서 정확히는 한 달은 아니고 23일간 애드핏 수익이 발생했다. 애드센스나 다른 광고플랫폼을 달아본 적이 없어서 정확한 비교는 어렵지만 그래도 검색으로 봤던 것들 보다는 방문자수 대비 수익이 괜찮은 것 같다. 그럼에도 불구하고 애드센스에 비하면 초라한 금액이다. 23년 1월 애드센스 수익 현황 일자 적립금 방문자 광고노출수 클릭수 1천회 노출단가 클릭단가 2023-01 22,366 9,194 69,782 156 319 143 방문자당 수익률 23일간 9,194명이 방문했고 2만2천원 정도의 수익이 발생했다. 방문자 한 명당 2.4원의 수익이 발생했는데 조금 오류가 있는 수치이..

HeidiSQL select값 복사 HeidiSQL에서 select한 결과값을 드래그해서 컨트롤+C 하면 전체가 복사되지 않고 셀하나만 복사가 된다. 드래그한 값들을 모두 클립보드에 복사하기 위해서는 격자 행 내보내기 기능을 사용해야 한다. HeidiSQL에서 select값 전체 복사 예제 1. select 문 작성해서 쿼리를 실행한다. SELECT YEAR, confDate, aptCd from AllInfo_AptSellPrice WHERE YEAR = '2023' select 쿼리의 결과값 2. select 결과값에서 컨트롤+A 또는 마우스로 드래그 해서 범위를 잡고 마우스 우측을 클릭 후 격자 행 내보내기를 선택한다. 3. 격자 행 내보내기 팝업에서 옵션을 선택하고 확인을 눌러서 선택한 범위를 복..