가끔 보자, 하늘.

react-dom.development.js:88 Warning: ForwardRef(InputBase) contains an input of type date with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. 이 에러는 혹은 등의 입력 관련 컴포넌트에 defaultValue 속성과 va..

어쩌다 연동이 필요해서 써봤는데, 국내 커뮤니티도, 국내 세일즈 회사의 서포트도 빈약하네요. 많이 안쓰시는 듯 ... 혹시 필요하신 분 있을까봐 남겨봅니다. 공식 메뉴얼 링크 , Slack Community (필요한건 여기가서 검색하거나 문의하는게 가장 빠른 듯 합니다.) reactjs에 설치한 예 입니다. 1. package 설치 npm install --save mixpanel-browser 2. import import mixpanel from 'mixpanel-browser'; 3. 초기화 mixpanel.init('YOUR_TOKEN', {ip:false, debug: true}); https://developer.mixpanel.com/docs/javascript-full-api-referen..

OAuth 서비스 만들기에 앞서.. Before creating an OAuth service... OAuth는 타사 애플리케이션이 자격 증명을 노출하지 않고 다른 서비스에서 사용자의 데이터에 액세스할 수 있도록 하는 인증을 위한 공개 표준입니다. 간단히 말해서 사용자는 로그인 자격 증명을 공유하지 않고도 한 웹사이트나 앱에 저장된 정보에 대한 액세스 권한을 다른 웹사이트나 앱에 부여할 수 있습니다. OAuth is an open standard for authentication that allows third-party applications to access your data from other services without exposing your credentials. Simply put, it ..

처음부터 쓰레기였지만 지금도 쓰레기. 근데 유용한 쓰레기라는게 문제. 브라우저에서만 놀지... 게임 개발에 백엔드까지도 발을 넓히며 이것도 저것도 다 할 수 있는 쓰레기. Typescript까지 출현하면서 X 쓰레기가 되어버렸다. 몇 년만 더 지나면 세상 모든 것들이 Javascript로 통합될 것 같다. 그냥 프로그래밍의 블랙홀이야. 쓸만하거나 새로운 패러다임이 나오면 Javascript에 추가되는거지. 초기에 사용했던 Livescript라는 이름이 더 어울릴 것 같아. 살아 있는 생물체 마냥. 이 놈 때문에 다른 프로그래밍 언어들도 자꾸 비슷해져가. -_-++ 만약 프로그래밍을 공부하고 싶은 뉴비가 있다면 C++ 혹은 Python과 같은 다른 언어 먼저 하나는 배우고, Javascript를 배워라. ..

이번에는 API 공신 문서를 살펴보고 AWS Console 에서 VPC 생성 시 생성되는 모든 리소스를 직접 생성하는 재활용 가능한 코드를 만들어 보겠습니다. API 문서 API 공식 문서 링크 - https://docs.aws.amazon.com/cdk/api/v2/docs/aws-construct-library.html 현재 CDK 는 v1과 v2 (https://docs.aws.amazon.com/cdk/api/versions.html)를 제공하고 있으며 우리는 v2를 기준으로 알아보겠습니다. API 문서를 살펴보신 분은 어떤 리소스를 생성하는 몇 가지 방법이 있다는 것을 알고 계실 겁니다. 예를 들어 VPC를 생성할 때 class Vpc를 사용하거나 혹은 class CfnVPC를 사용할 수 있습니..

C++로 개발된 윈도우 어플리케이션을 웹 브라우저(chrome)에서 실행하는 방법을 알아보겠습니다. ActiveX를 사용하지 않고 Custom URI Scheme를 사용하여 윈도우 어플리케이션을 실행합니다. URI scheme는 URI 중 시작부터 첫 ':'(콜론)까지의 정보를 말합니다. http://google.com 이라면 http가 URI Scheme를 뜻하게 됩니다. 아래 예제에서는 'my'라는 custom URI Scheme을 사용할 예정이며, registry에 등록되기 전에는 '알 수 없는 URI Scheme'라는 에러가 발생하거나 검색 결과 창으로 넘어갑니다. (* URI 상세 정보 link) 각 OS별로 등록하는 방법은 다르며 windows OS에서는 HKEY_CLASSES_ROOT 에 등..

Legacy 프로젝트를 모바일 혹은 웹으로 확장 할 일이 있어 겸사 겸사 정리해 보았습니다. 샘플 프로젝트는 아래와 같은 흐름을 가진다고 가정합니다. 모든 연결은 stateful로 연결되어 필요한 경우 수시로 데이터를 주고 받을 수 있게 합니다. 최종 사용자는 제공된 웹 앱 혹은 모바일 앱에서 wss로 javascript server에 연결하여 인증과 기타 필요한 작업을 요청합니다. 그리고 javascript server는 VPC 내부의 서버에 socket으로 연결합니다. c++ server 입장에서는 javascript server를 위해 준비할 사항은 추가적인 패킷 정의 뿐입니다. 이제 실제 샘플을 실행해 보겠습니다. 아래 예제에 사용된 코드는 이 곳에서 다운로드 가능합니다. C++ 서버 준비 우선 ..

nodejs에서 elasticsearch-js를 이용해 데이터 분석, 취합을 할 때, 잘못된 인덱스 이름, 혹은 존재하지 않는 인덱스 이름으로 인해 문제가 발생하는 경우가 있습니다. 이 경우 검색이 중단되고 404 에러가 발생하며 중단됩니다. 에러를 막기위해 검색 시 아래 예제와 같이 ignore키워드를 지정할 수 있습니다. const result = await client.search({ index: 'my-index', from: 20, size: 10, body: { foo: 'bar' } }, { ignore: [404], maxRetries: 3 }) 이 방법은 에러를 막을 수 있지만, 검색이 중단되는 것은 동일합니다. 예를들어 ['seoul', 'busan', 'jeju']라는 인덱스들에서 어..