Kwangkki

서버로 쓰던 컴퓨터 CPU에 문제가 있어 부품을 모두 갈고 하는 김에 proxmox os로 서버 컴퓨터를 리뉴얼(?) 해봤습니다. 🛠️ 하드웨어 리뉴얼 1.  CPU일단 VM이든 컨테이너든 여러 개를 돌려야하기 때문에 코어 수가 높아야 된다고 해서 6코어를 알아봤습니다. 근데 가격이 생각해둔 예산을 훨씬 웃돌아서 4코어로 다시 찾아봤고, 4코어는 중고 기준으로 5만원 내로 괜찮은게 많더라고요. 하나 더 고려한 것은 CPU에 내장 그래픽이 내장된 제품으로 찾아봤고 최종적으로 AMD의 2200G로 선택  - AMD 라이젠 3-1세대 2200G (레이븐 릿지)당근에서 2만원에 구매   2. 메인보드AMD cpu를 샀기때문에 당연히 amd 메인보드를 알아봤습니다. 메인보드는 중고로 사기에 고장 위험도 있고해서..

오전까지만 해도 잘 되던 빌드가 오후에 갑자기 에러가 발생했고 이것을 해결하는 과정을 타임라인에 따라 정리했다. 1. vite 빌드 시 case 에러  머지 후 CICD가 잘 돌다가 갑자기 에러가 발생했다. [vite:esbuild-transpile] Transform failed with 1 error:ERROR: Unexpected "case" 분명 로컬에서 빌드할 때는 에러가 발생하지 않았는데 말이다.일단 CICD가 도는 yml 파일의 명령어를 체크해봤다. //bitbucket-pipelines.yml... script: - npm install -g pnpm@9.1.1 && pnpm install && pnpm run build-dev...  빌드 될 때마다 pnpm 9.1.1 버전을 설치하..

2024년 내 성장을 정량적이고 가시적으로 정리하고 싶었지만 이내 감성적이고 마는 나의 회고. 다른 분들의 회고를 읽으며 동기부여도 받고 생각도 넓어졌으니 보답하는 마음으로 누군가에게 영감이 되었으면 하는 마음으로 썼습니다.  2024 블로그 정산내 블로그는 얼마나 성장했고, 어떤 게시물이 가장 인기가 많았나  2024년 총 조회수는 37,200 한달 평균 3,100의 조회수를 달성했다.2023년에 비해 3배 높은 조회수를 달성했다. 블로그 글도 와인처럼 숙성이 되나? 농익을 수록 SEO 지수가 높아지는 느낌   대부분 구글 검색 유입이다. 효자 게시글은 자작나스 만들기와 피그마 관련 글 확실히 이론적인 글 보다는 내가 직접해보고 작성한 글이 인기가 많다. 독서 후기를 제외한 프로그래밍 관련 글은 10개..

gpt를 사용하다가, 코파일럿을 사용하다가 최종적으로 Cursor(커서)만 사용하고 있는 요즘. 커서의 마술 같은 성능에 놀라기도 하고 무섭기도 하고; 어쨌든 많은 도움을 받고 있는데요. 커서에게 어떤 도움을 받고 있는지 블로그로 남겨봅니다. Cursor간단하게 소개하자면 커서는 AI를 탑재한 IDE이며, vscode 기반이기 때문에 vscode 사용자라면 누구나 손쉽게 적응할 수 있습니다.https://www.cursor.com/ CursorBuilt to make you extraordinarily productive, Cursor is the best way to code with AI.www.cursor.com  사용법사실 사용법이랄게 크게 없습니다. 대부분의 기능은 vscode와 동일하다고 보시..

모바일 웹에서 프로젝트를 만들며 api 요청 시간이 조금 소요되는 api가 있습니다. 문제는 이 api 요청 중에 다른 페이지로 이동하면 요청이 pending 상태에 계속 머물게 된다는 것인데요. 아래 사진으로 설명해보겠습니다. API 요청 pending[홈]에서 요청했던 plcProduction이라는 api 요청이 다른 페이지로 이동해도 여전히 pending입니다. 이것이 왜 문제가 되냐하면, 유저가 페이지를 빠르게 여러번 이동하면 pending 요청이 쌓이게됩니다.만약 빠르게 4번을 왔다 갔다 한다면 4개의 pending이 쌓이게 되겠죠? 이를 해결하기 위해 찾아보니 axios에서는 CancelToken을 제공한다는 것을 알았습니다. axios CancelToken 적용기존 api 요청 코드..

콘웨이 게임이라고 불리기도하는 인생 게임(Life game)을 아시나요? 1970년 에 처음 소개된 게임인데요. 수학자 '존 호튼 콘웨이'가 고안해낸 게임이기에 '콘웨이의 인생 게임'이라고도 부릅니다.콘웨이의 인생 게임이 게임의 규칙 간단합니다. 바둑판 같은 수많은 칸이 있고, 칸에 색이 칠해져있다면 살아있는 세포(Cell)이며 색이 없다면 죽은 세포입니다. 게임을 시작하면 처음 임의 칸 몇 개가 검은색으로 칠해져있고 이 1세대 세포가 규칙에 따라 다음 세대 세포로 태어나거나 죽습니다. 이 과정에서 세포는 전혀 예상치 못한 결과로 이어지기도하며 일정한 패턴을 만들기도 합니다. 자세한 규칙은 생략하고 어떤 게임인지 영상을 첨부하도록 하겠습니다.   콘웨이 게임에서 찾은 의미콘웨이 게임은 단순간 게임을 넘어..

한창 오픈소스 문화에 관심을 가졌을 때 무작정 npm에 라이브러리 하나를 등록했었습니다. 한국 욕설을 * 표시로 바꾸는 라이브러리인데요. 욕설 json 파일을 불러와 반복문으로 필터하는 간단한 기능입니다. 문제는 json 파일을 import하는 과정이나 라이브러리르 import하는 과정에서 module 설정을 제대로 이해하지 못해 다운로드 해도 사용할 수 없는 상태였습니다. 그렇게 방치된지 8개월이 지나고, 급! 생각나서 리팩토링 해봤습니다. 오픈소스 라이선스제가 만든 라이브러리는 다른 오픈소스를 수정하여 재배포한 것인데요. 오픈소스라고 마구 퍼다 나를 수 있는 것은 아닙니다. 오픈소스에도 제약의 강도에 따른 라이선스가 존재하는데요. 크게 MIT, BSD, GPL 정도가 있습니다. NPM 라이브러리에도..

개발자 글쓰기 강연에서 추천했던 책이었나. 잘 모르겠지만 교보문고에서 발견하고 e-book으로 구매해서 읽어봤다.    책 목차를 보면 알 수 있겠지만 일반 글쓰기 책과 다르게 개발자 맞춤 주제가 많다.변수 네이밍, 주석 쓰기, 릴리스 노트, 에러메시지, 개발가이드, 기술 블록, 심지어 SI 제안서 작성 팁까지 담았다.  특히 상사를 고려하는 비즈니스 관점 글쓰기 부분이 인상 깊었는데, 내 상사나 비개발 부서에서는 시스템 에러나 장애를 비즈니스에 주는 영향으로 보기 때문에 그래서 이 에러는 언제 해결되는지, 이 에러로 몇명의 유저가 손해를 보는건지가 더 궁금하다는 것이다. 그렇기 때문에 이 에러의 원인을 구구절절 설명할 필요는 없으며 어떻게 보고하면 좋을지에 대한 내용인데, 전직 비개발 부서 팀원으로써 ..

서버 컴퓨터에 우분투를 설치하기 위해 맥북으로 우분투 부팅 USB 만들어 봤습니다. Rufus 같은 간편한 이미지 라이팅 소프트웨어도 있지만, 터미널로 직접 이미지 파일을 가공(?)하고 USB에 넣은 과정을 공유합니다. 1.  USB 포맷우선 USB를 포맷합니다. 우분투는 4G를 넘지 않기 때문에 Format 유형을 MS-DOS(FAT32)로 했습니다. 처음에 MAC OS Extended로 포맷 후 우분투 부팅 USB로 만들었더니 우분투 설치까지는 되었으나, 실행이 되지 않아 두번째는 MS-DOS(FAT32)로 해봤습니다. (정확히 이 문제인지는 모르겠지만 MS-DOS(FAT32)로 부팅 후에는 우분투 설치에 성공했었습니다.)   2. 우분투 설치 파일 다운로드우분투 다운로드 링크https://ubunt..

작년에 피그마 디자인 시스템을 토큰화한 후 자바스크립트로 옮기는 방법을 포스팅했었다. 하지만 그동안 피그마도 많은 업데이트가 있었고 새로운 기능이 출시되며 포스팅했던 과정대로 되지 않을 것이다. 오늘은 그것을 대체할 수 있는 방법과 피그마의 local varialbles 기능으로 이것저것 테스트해 본 것을 글로 옮겨 적어 본다. Local Variables나온 지 꽤 된 기능이지만 제대로 활용을 못하고 있었는데, 살펴보니 거의 반 코딩이나 다름 없었다. (잘 활용하면 디자인 시스템을 코드로 옮기기 정말 편할 것 같은 느낌). 피그마에서 빈 board를 클릭하면 오른쪽 패널에서 Local variables를 확인할 수 있다.   변수(variable) 지정들어가보면 Create variable이 있고, 4..