BitCoder

Electron을 이용하여 데스크탑앱을 개발하는 시작단계를 소개합니다. * 필수 설치 패키지 - Node.js Node.js의 설치는 다음 글을 참고하시기 바랍니다. 2022.03.08 - [Web/Node.js] - Node.js 설치 * 추천하는 설치 패키지 (이 글의 과정에서도 사용합니다) - visual studio code visual studio code의 설치는 다음 글을 참고하시기 바랍니다. 2022.03.08 - [Windows] - Visual Studio Code 설치 이제 폴더를 하나 생성해줍니다. 저는 바탕화면 아래에 'my-electron-app' 폴더를 생성했습니다. my-electron-app 폴더를 열고 목록 부분에 마우스 우클릭 후 "Code로 열기"를 선택합니다. 아래 ..

최근의 개발용 코드 에디터는 Visual Studio Code가 평정한 것 같습니다. 많은 개발자들이 사용해오던 다음과 같은 에디터들을 다 밀쳐내고 말이지요. - sublime text - atom - brackets - notepad++ 그래도 저는 콘솔환경의 vim이 제일 편합니다. 키보드로만 작업하는 방식의 생산성이 좋아요. Visual Studio Code는 Stack Overflow에서 발표한 2021년 개발환경 설문조사에서 압도적인 1위를 차지했습니다. visual studio code는 code.visualstudio.com에서 다운로드 받을 수 있습니다. 글을 적는 현재의 버전은 1.65.0입니다. 다운받아보니 용량은 72MB이군요. installer를 실행해줍니다. 라이선스 계약에 동의해..

다음 주소에서 Node.js 인스톨러를 다운로드 받습니다. https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Node.js 인스톨러를 실행합니다. 라이센스 내용에 동의해주고 Next를 눌러줍니다. Node.js가 설치될 위치입니다. 설치할 구성요소를 선택해줍니다. 기본적으로 모두 선택되어있습니다. 네이티브 모듈들을 설치할지 선택해줍니다. 비쥬얼스튜디오에서 사용하는 빌드 도구 등이 있습니다. 저는 선택하지 않고 넘어갑니다. 1분도 안걸리는 시간으로 설치가 완료됩니다. 설치가 잘 되었는지 node와 npm의 버전을 다음과 같이..

윈도우 운영체제 내에 설치되어있는 드라이버의 목록을 조회하는 방법입니다. 다음의 명령어를 실행하면 됩니다. driverquery 다음과 같이 많은 수의 드라이버가 설치되어있는 것을 확인할 수 있습니다. 첫 목록부터 확인하려면 more 명령을 덧붙입니다. driverquery | more "Enter"키를 누르면 한줄씩, "Spacebar"키를 누르면 한페이지씩 넘어갑니다. 보던 페이지에서 진행을 멈추려면 'q'를 누릅니다. 더 자세한 정보를 조회하려면 다음과 같이 실행합니다. driverquery /V 다음은 실행결과입니다. 출력내용이 너무 많아서 보기가 힘듭니다. 이럴 때엔 다음과 같이 출력내용을 파일로 저장한 다음에 열어줍니다. 이제 목록을 저장하여 더욱 편하게 볼 수 있습니다.

리눅스에 mongodb를 설치하면 기본적으로 외부접속이 허용되지 않습니다. 이를 허용하기 위한 방법을 공유합니다. mongodb의 설정파일은 /etc/mongod.conf입니다. 이 파일의 내용을 수정하시면 됩니다. 설정파일의 소유자가 root이므로 root권한으로 편집기를 열어야합니다. $ sudo nano /etc/mongod.conf "bindIP: 127.0.0.1"을 "bindIP: 0.0.0.0"으로 수정합니다. # mongod.conf # for documentation of all options, see: # http://docs.mongodb.org/manual/reference/configuration-options/ # Where and how to store data. storage..

윈도우 프로그램을 개발할 때 visual studio를 자주 사용하게 됩니다. 저는 visual studio 2022를 사용하고 있습니다. 설치할 때 기본언어가 사용환경의 언어가 한국어로 설치되었습니다. 대체로 편합니다. 하지만! stackoverflow와 같은 웹사이트에서 trouble shooting을 위한 설명을 보는 상황에서는 혼동되는 상황이 발생하기도 합니다. 그래서 저는 영어로 언어 설정을 변경하고자 합니다. 위 그림에서 확인되는 바에 따르면 현재는 영어를 선택할 수 없습니다. 언어 팩 설치 후에 설정을 변경해야 합니다. 다음에서 이 방법을 설명합니다. 언어 팩 설치를 위해 visual studio installer를 실행하고 '수정' 버튼을 누릅니다. 나타나는 창에서 '언어 팩' 탭을 선택합..

혹시 올릴 때마다 걸리는 시간이 달라지지 않을까 몇번 올려보았는데 거의 비슷합니다. 제가 작성한 소스를 다음과 같이 공유합니다. hour, minute = map(int, input().split()) required_minutes = int(input()) hour = (hour + (minute + required_minutes)//60)%24 minute = (minute + required_minutes)%60 print(hour, minute) 실행결과는 다음과 같습니다. 23 59 1000 ==> 16 39 문제의 조건에서 소요되는 시간(분 단위)는 최대값이 1000이지만 23시 59분부터 1441분이 걸렸다면? 답은 0시 0분입니다. 23 59 1441 ==> 0 0

관리자 권한으로 cmd창을 실행하는 다음의 4가지 방법을 소개합니다. - 방법1. 실행창으로 실행하기 - 방법2. 작업표시줄아이콘을 클릭하여 관리자권한으로 실행하기 - 방법3. 아이콘에서 우클릭하여 관리자권한으로 실행하기 - 방법4. 파워쉘을 이용하는 배치파일 만들기 방법1. 실행창으로 실행하기 - WinKey + R을 눌러서 실행창을 띄우기 - cmd를 입력하기 - CTRL+SHIFT+Enter를 누르기 - '사용자 계정 컨트롤' 창에서 '예' 누르기 방법2. 작업표시줄아이콘을 클릭하여 관리자권한으로 실행하기 - CTRL+SHIFT를 누른 상태로 작업표시줄의 cmd 아이콘을 마우스 좌측버튼으로 클릭 방법3. 아이콘에서 우클릭하여 관리자권한으로 실행하기 - 작업표시줄의 명령창 아이콘을 우클릭 - 메뉴 맨..

자바스크립트를 이용해서 canvas에 기초적인 사각형을 그리는 예제코드입니다. [소스코드] getContext함수는 canvas에 할당되어있는 drawing context를 반환합니다. 여기서 drawing context는 그리기 위한 속성과 함수를 가지고 있는 객체를 말합니다. 파라미터로 넘긴 '2d'는 2차원 그리기 context를 가져오기 위함입니다. 다른 방식의 사용은 다음과 같습니다. - getContext('webgl') : 3차원 렌더링을 위한 컨텍스트를 가져오기 - getContext('webgl2') : WebGL 버전 2에 해당하는 3차원 렌더링 컨텍스트를 가져오기 - getContext('bitmaprenderer') : ImageBitmapRenderingContext에 해당하는 컨..

Visual Studio를 실행하고 "Empty Project"를 선택하고 Next를 누릅니다. 프로젝트 이름을 입력하고 Create를 누릅니다. 소스코드가 하나도 없는 비어있는(empty) 프로젝트입니다. 여기에 소스코드파일을 추가합니다. "Solution Explorer"창의 "Source Files"에 마우스 오른쪽 버튼을 클릭하고 "Add" -> "New Item..."을 선택합니다. 추가하는 파일의 이름은 "main.cpp"로 하겠습니다. 입력하고 "Add"를 클릭합니다. 다음의 소스코드를 입력합니다. 소스코드의 간결성을 위해 에러처리코드는 포함하고 있지 않습니다. #include #include #include #define SVCNAME TEXT("SvcName") void SvcInstal..