2018년 말에, Semantic-UI 에서 제공하는 progress bar를 살짝 바꾸어서 CSS의 overflow: hidden 속성으로 무한 로딩을 구현한 적이 있다. https://jsfiddle.net/J00nas/xpvt214o/970756/ 위 링크에서도 동작하는 모습을 볼 수 있다. 기존의 progess bar의 인터페이스는 그대로 유지하고 기능만 추가하였기에, 코드도 나름 깔끔한 편이다. 문제는 기존에 제공되는 placement text는 안된다. 당시에 이걸 유지해보려고 많은 삽질을 해봤다가 실패했다. 사실 이 기능은 Semantic-UI에 PR을 날렸으나 무산되었다. [Progress] Add properties for infinite loop as loader style #6691(..

(venv/db) joonas@DESKTOP-JOONAS $ ~/DB test $ pip install psycopg2Requirement already satisfied: psycopg2 in c:\users\joona\venv\db\lib\site-packages (2.8.4)(venv/db) joonas@DESKTOP-JOONAS ~/DB test $ python manage.py migrateTraceback (most recent call last): File "C:\Users\joona\venv\db\lib\site-packages\django\db\backends\base\base.py", line 220, in ensure_connection self.connect() ....(중략).....

자료를 정리하다 우연히 옛날에 개발하면서 생겼던 버그와 해결법이 있어서 공유 2014년 11월 즈음에, 아주 오래된 CentOS 5.x 운영체제에서 돌아가는 PHP 사이트를 관리하던 시절이 있었다. 꽤 많은 업데이트와 보안 패치 등을 위해서 PHP 버전을 업그레이드하려고 핬다. (PHP4에서 PHP5.4로) 당시에 CentOS의 yum 패키지 매니저로 아주 고생한 기억이 난다. yum의 의존성은 어떻게 잘 해결했다고 치고, 위 문제는 libedit.so.0을 패키지에 추가해서 해결했다.

게임 하러 가기: https://joonas-yoon.github.io/rubik-s-race/ (3 in 5)^2 puzzle Move the tiles, Solve the puzzle! joonas-yoon.github.io 2048 게임을 수정하여 다른 게임으로 만들었다. 빈 칸(어두운 색의 칸)으로 다른 타일을 옮겨서, 큰 판에 있는 중앙 3x3칸의 타일 배치를 (위에 있는) 작은 판의 3x3 타일 배치와 똑같게 만들면 게임에 승리한다. 더 적은 움직임으로 맞출수록 고득점이다. 사실 저번 주말, 카톡 단체 채팅방에서 우연히 아래 짤이 올라왔다. 머하는거지... 하고 보다가 오! 했다. 갑자기 이걸 코딩하겠다는 이야기도 나오고 해서 나도 솔깃했고 다음날 저녁 간단한 프로토타입을 만들었다. 우선, 처..

이전 블로그의 원문 : http://joonas-yoon.blogspot.com/2017/04/sublime-text-3.html 가벼운 코딩을 위해 서브라임 텍스트로 간단한 코드를 실행할 환경을 구성하였다. Windows10 에서 MinGW를 설치한 후, g++을 연결하여 빌드되도록 스크립트를 수정하여 사용하고 있었는데 어느날 아래와 같은 오류가 났다. 프로시저 시작 지점 _Jnflx__cxx1112..........을(를) DLL main.exe 에서 찾을 수 없습니다.main.exe는 내가 실행하려는 파일이었고, 앞에 문자열은 에러메시지인 것 같은데, 암호코드처럼 길고 복잡했다. 여튼 코드를 하나씩 지워본 결과 헤더를 추가하고 std::string을 사용하려면 위 에러가 발생했다. 원래 컴파일하던 ..

문제 출처: 문제적 남자 66화 (2016.06.19) - 타일러 신의 한 수,발상의 전환! 우연히 유튜브에서 위 그림과 같은 문제를 봤다. 가로, 세로, 대각선 방향으로 관찰 가능한 감시초소가 있을 때, 모든 구역을 관찰하려면 최소 몇 개의 초소가 필요한지 묻는 문제이다. 구역의 크기는 가로와 세로의 길이가 모두 7인 정사각형이다. 결론부터 말하자면, 정답은 최소 4개의 초소가 필요하다. 그런데 4개의 초소를 설치하는 방법이 하나가 아니다. 문제적 남자에서는 아래와 같은 배치를 타일러가 제시했고 정답으로 인정되었다. 하지만 제작진이 준비한 답은 이랬다. 여기서 의문이 생겼다. 그럼 위 두가지를 제외하고 몇 개의 정답이 더 있을까? 그래서 코딩으로 풀어보자는 생각이 들었다. 총 86개의 경우의 수가 있었..

요구사항 최소 8GB RAM, 권장 16GB RAM 100GB 디스크 공간 Visual Studio 2017 이상 Windows 7 이상 환경 설정 Visual Studio Desktop development with C++ (C++를 사용한 데스크탑 개발) MFC/ATL support (x86 및 x64용 Visual C++ MFC) 워크로드에서 위 항목들을 설치해야 합니다. VS 2017 이상부터는 Visual Studio Installer에서 설치할 수 있습니다. Windows 10 SDK https://developer.microsoft.com/ko-kr/windows/downloads/sdk-archive 버전 10.0.17134 이상 (선택) SDK Debugging Tools Window 1..

2019/01/31 - [개발] - 실시간 음성 감지 및 자동 번역 크롬 확장 프로그램 개발기 (1편) 실시간 음성 감지 및 자동 번역 크롬 확장 프로그램 개발기 (1편) 이름이 왜 이렇게 기냐구요? 로빈슨 크루소의 원제를 오마주한 겁니다. 이 글은 회고록을 적는 느낌으로 작성했습니다. 1분 소개 영상 소개 크롬에서 현재 보고 있는 탭의 소리(음성)를 인식하여 원하는 언어로 번.. joonas.tistory.com 2편은 이 프로그램을 배포한 이후에 운영하면서 생긴 일과 그 사이에 생긴 통계를 정리하는 글이다. 첫 작성일은 2019년 4월이었고, 2019년 5월 29일, 2019년 9월 17일에 내용을 추가하였다. 1. 한달에 4000분 정도의 양이 STT된다. 근데 그 중 대다수의 결과가 공백 (노이즈..