이번 글에서는 제가 간단한 그림을 그릴 때 유용하게 사용하고 있는 Excalidraw 를 소개해보려고 합니다. 이름에 걸맞게 군더더기는 빼고 정말 필요한 기능들을 주옥같이 모아놓은 툴입니다. Excalidraw | Online whiteboard collaboration made easyExcalidraw is a free virtual collaborative whiteboard for creating simple hand-drawn style diagrams, illustrations, flowcharts.. No sign-up. Just drawplus.excalidraw.com Excalidraw 의 주요 장점웹브라우저에서 바로 접속하여 그리기를 시작LowFi 를 지향하지만, 충분한 퀄리티의 결..
맥북을 사용할 때 키보드를 누르고 있으면 입력이 반복되어 일어납니다. 가령, 방향키를 꾹 눌러 커서를 이동한다든가 할 때 이 기능을 사용하게 됩니다. 기본적인 키 반복 입력 속도는 굉장히 느린데요. 이 속도를 빠르게 하는 방법을 알아봅니다.어머! 이건 꼭 켜야 해 !맥북 키 반복 입력 속도 향상법맥북 키 반복 입력 속도 향상법맥북 설정(setting)을 열어줍니다.키보드(keybard) 항목으로 이동합니다.Key repeat rate 를 Fast 쪽으로 이동시켜줍니다.key repeat ratedelay until repeatKey repeat rate 오른쪽으로 보면 Delay until repeat 이라는 부분이 있습니다. 이는, 키가 눌러지고 있을 때 키가 눌리기 시작한 시점으로부터 얼마 뒤에 반복..
크롬 브라우저에서 영어 사전을 활용할 수 있는 다양한 방법이 있습니다. 대표적으로는 익스텐션을 이용하는 방법입니다. 하지만, 익스텐션의 다양한 기능에도 불구하고 영어 사전 서비스 자체를 이용하고 싶을 수 있습니다. 저 같은 경우, 예문을 함께 보고 싶다거나, (예문을 제공하는 익스텐션이 있다고 하더라도) 큰 화면으로 여러 의미를 함께 보고 싶은 경우가 그런 경우입니다. 특히 저는 각 서비스에서 제공하는 '단어장'기능이 필요했었는데, 모르는 단어를 신속하게 단어장에 추가할 수 있어 매우 유용합니다. 크롬이 제공하는 '검색엔진 설정' 기능으로 간단한 세팅을 마치고 나면 다양한 영어사전 서비스를 손쉽고 빠르게 이용할 수 있습니다. 오늘은 그 꿀팁을 공유해보고자 합니다.대상 영어 사전 서비스 선정저는 다음영어사..
스크럼은 애자일의 가치를 실현시키기 위한 프레임워크입니다. 이 때, 작업자들이 수행해야 하는 티켓의 규모 또는 복잡도를 나타내기 위해 '스토리포인트'라는 개념을 사용하게 되는데요. 오늘은 이 스토리포인트의 개념에 대해서 짚어보고, 이 개념이 실무에서 쓰기에 부적절한 이유를 물리량의 관점에서 설명드린 뒤, 스토리포인트의 대안을 제시해보려고 합니다. 스토리포인트와 추정스토리 포인트는 제품 백로그 항목 또는 기타 작업을 완전히 구현하는 데 필요한 전반적인 노력의 추정치를 표현하기 위한 측정 단위입니다. 팀은 작업 복잡성, 작업량, 위험 또는 불확실성과 관련하여 스토리 포인트를 할당합니다.https://www.atlassian.com/ko/agile/project-management/estimation 아틀라시..
뉴스나 어떤 통계자료를 보다 보면 아주 큰 단위의 수가 등장하여 막연하게 느껴지는 경우가 있습니다. 오늘은 대한민국에서 수를 세는 단위와 미국에서 수를 세는 단위를 비교해보고 각각을 비교하기에 용이한 팁을 공유해볼까 합니다. 아라비아 숫자를 사용한 수를 표현하는 방법에서는 진법을 활용합니다. 진법에서 '진'이라는 글자는 '나아갈 진'을 사용합니다. 수를 표현하기 위해 숫자를 사용하는데, 숫자는 0부터 9까지를 사용할 수 있으므로 9를 넘어서는 숫자를 표기하기 위하여 새로운 숫자를 만들기보다, '진법'을 활용하여 수를 표현합니다. 자릿수를 확장하여 나아간다는 의미에서 이 방식을 '진법'이라고 부릅니다. 9에서 1이 더해진 숫자를 '십'이라고 하는데, 아라비아 수로는 9 다음 수를 표현할 숫자가 없으므로, ..
npm 패키지를 사용할 때 무심코 npm i [패키지명] 를 하게 되면 package.json 버전에는 caret(^)이 붙게 됩니다. 이 caret 의 의미를 알아봅니다. 그리고 이를 패키지를 사용하는 입장에서와 패키지를 관리하는 입장에서의 활용법도 알아봅니다.npm 패키지 caret의 의미node-semver 라는 이름으로 관리되는 패키지에서 karot(^) 버저닝의 의미를 정하고 있습니다. https://github.com/npm/node-semver GitHub - npm/node-semver: The semver parser for node (the one npm uses)The semver parser for node (the one npm uses). Contribute to npm/node..
2023년 초 ChatGPT 가 활성화되면서 대중 사이에 LLM 이 인식되기 시작할 무렵, 당시 ChatGPT는 할루시네이션, 속도 등의 문제를 안고 있었지만, 그 당시에도 '영어 문법'에 관해서는 퀄리티가 높은 답변을 내놓는 것으로 알려져있었다. 개발을 배울 때 머신러닝도 살짝 접할 기회가 있었는데, 당시 프로젝트 아이디어로 '해석이 잘 되지 않는 문장을 넣으면, 그 문장과 비슷한 구조를 가진 문장들을 대량으로 응답해주는 서비스'를 만들면 좋겠다고 생각했었다. 영어공부는 보다 '훈련'에 가깝기 때문에, 비슷한 패턴을 최대한 많이 접해보는 것이 중요하다. (그래서, 영어 단어와 뜻을 1:1 로 연결짓는 것보다, 해당 단어를 다양한 예문 속에서 접해보는 것이 중요한 이유이기도 하다.) 전치사 + 관계대명사..
개발을 막 배우기 시작했을 때 정보처리 국가 공인 시험을 준비하면서, 나선형 개발 프로세스, 애자일이라고 불리우는 개발 프로세스를 처음 알게 됐었다. 개발자로서 첫 취업을 준비하면서는, 당시 우아한형제들이었던것으로 기억하는데, 추천 도서 목록이 주어졌던 것으로 기억한다. 그 외에 많은 개발쪽의 구루라고 하는 사람(주로 페이스북 인플루언서)들이 추천하는 많은 책들이 애자일에 관한 내용을 다루고 있었던 것으로 기억한다. 그렇게 소프트웨어 업계에서 일하는 방식이 일반적으로 그렇다라는 것을 알게 됐었다. 애자일의 본질부터 이야기하고 가자면, 짧게 반복되는 주기마다 가치를 더하는 것이 애자일의 핵심이자, (앞으로 이 블로그에서 애자일과 스크럼에 이야기 하게 된다면) 이것이 하고 싶은 이야기의 전부이다. 개발 프로..
요즘 좋은 스크린샷 프로그램이나 스크린캐스트 프로그램들이 많이 나와있지만, 순정 기능을 익혀 두는 것은 생산성 향상에 많은 도움이 됩니다. 그런 의미에서, 맥OS 의 기본 스크린샷과 Preview 기능을 활용하여 스크린샷을 찍고, 스크린샷에 별도의 표시(Annotation)를 하는 방법을 알아봅니다. 맥OS 스크린샷 단축키Cmd + 3: 전체화면 스크린샷 찍기Cmd + 4: 선택영역 스크린샷 찍기Cmd + 5: 동영상 찍기(스크린캐스트) & 스크린샷 옵션스크린샷으로 협업능력 끌어올리기기본 설정맥OS 의 스크린샷 기능과 Preview 의 Annotation 기능을 조합하면 손쉽게 스크린샷에 표시를 할 수 있습니다. 먼저 스크린샷을 찍은 뒤 어떤 기능을 할지 정할 수 있는데요. 거기서 Preview 를 먼저..
현대의 프로그램은 많고 복잡한 의존 관계를 가지고 있습니다. 만약 의존하고 있던 프로그램의 버전이 업데이트 되면서 문제가 생기면 대응을 해야하는데, 의존하는 라이브러리가 수십개에다가, 모든 라이브러리가 잦은 업데이트를 한다면, 개발은 커녕 업데이트에 대응하느라 시간을 모두 써야 할 것입니다. 이럴 때, 대상 라이브러리의 버전을 지정하여 효율적으로 관리해줄 수 있게 도와주는 버전 관리 방식 중 대표적인 방법이 '유의미 버전' 으로 번역되는 semantic versioning(줄여서 semver) 입니다. https://semver.org/lang/ko/ 이 글에서는 유의적 버전이 어떻게 작동하는지 스토리텔링 방식으로 풀어보며, 각 버전 변경의 대표적인 사례를 함께 살펴 보고자 합니다. 이 글을 한 번 읽어..
PDF 파일의 크기가 큰 파일의 크기(약 200~300MB)를 줄여보려고 Acrobat Reader 와 각종 웹 PDF 리사이징 기능을 지원하는 서비스들을 이용해보았습니다만, 모두 일정 시간이 지나면 타임아웃 에러를 던지거나, 무한 대기 상태에 빠져버리곤 하는데요. 만약 다른 서비스에서 pdf 사이즈를 줄이다가 실패하셨다면 시도해보시길 바랍니다. pd2pdf 라는 커맨드라인 유틸리티를 활용해서 pdf 파일의 크기를 줄이는 방법을 알아봅니다.ps2pdf 로 pdf 파일 크기 줄이기ps2pdf -dPDFSETTINGS=/ebook original.pdf compressed.pdf ps2pdf 가 설치되어 있는 상태에서 해당 폴더로 이동하여 위 스크립트를 실행합니다. original.pdf 에 줄이고자 하는..
백엔드 개발자로 일하면서 구독하고 있는 메일링 서비스들을 정리해보았습니다. 7년간 다양한 메일링 서비스를 구독도 하고 구독취소도 해오면서 개인적으로 정제된 메일링 서비스들을 나열해봅니다. 2단계(구독 필수, 구독 선택)로 나누어 리스트를 제안드립니다. 이 글은 2024년 11월 16일에 작성되었으며, 주기적으로 저의 실제 구독 현황에 따라 리스트를 업데이트합니다.💎 구독 필수뉴스레터 컨텐츠의 품질이 우수geeknews weeklyhttps://news.hada.io/weekly 에서 구독할 수 있습니다. 대한민국의 해커뉴스를 표방하여 만들어진 서비스입니다. 구독을 하면 매주 월요일에 지난 주의 news.hada.io 커뮤니티의 핫토픽을 리스트로 받아볼 수 있습니다. 특히 2~3개 정도의 메인 토픽과 ..
나와 함께했던 IDE들초등학생 시절 다니던 컴퓨터학원에서 정보처리기능사 시험을 준비하면서 간단한 프로그래밍을 배웠었다. 당시에는 정보처리기능사 시험을 Visual Basic 이라는 언어를 활용해서 치렀었기 때문에, 자격증을 따려면 Visual Studio 로 코딩을 배웠어야 했다. 중학교 시절에는 RPG 만들기라는 프로그램으로 게임을 만들어보기도 했었다. 불리언, 분기, 변수, 반복 등의 개념이 있어서 지금의 스크래치와 어찌보면 그 결을 같이 한다고 볼 수도 있겠다 싶다. 대학 시절에도 전산물리 과목을 수행하기 위해 포트란이라는 고대언어를 사용하기도 했었는데, IDE 는 Visual Studio 였다. 그러다가 생활코딩 웹애플리케이션 만들기 수업을 듣기 시작하면서, 본격적으로 프로그래밍의 세계에 뛰어들게..
CORS 에러는 웹 개발에 입문하는 많은 사람들에게 좌절을 안겨주는 유명한 오류입니다. CORS 에러는 웹을 이루는 다양한 요소를 먼저 이해하고 나면, 어렵지 않게 이해할 수 있습니다. 하지만 그 요소가 무척이나 많은데요. 필요한 개념들을 다양한 실습과 함께 모두 뜯어보고 이해해봅시다. [CORS 가 어려운 이유]는 시리즈로 구성됩니다. 아래 목차를 확인해주세요. CORS 가 어려운 이유CORS 에러 마주하기HTTP 요청과 응답의 구조CORS 에러 발생 주체와 시점Origin과 Same-origin PolicyCORS의 정의 톺아보기 (현재 글) ✅ "CORS? 그거 에러 아니야?" 하셨다면 한 번 읽어보시길 바랍니다.✅ CORS 에러 해결을 단순히 cors 라이브러리의 가이드를 단순히 따라 해결해오셨다..
CORS 에러는 웹 개발에 입문하는 많은 사람들에게 좌절을 안겨주는 유명한 오류입니다. CORS 에러는 웹을 이루는 다양한 요소를 먼저 이해하고 나면, 어렵지 않게 이해할 수 있습니다. 하지만 그 요소가 무척이나 많은데요. 필요한 개념들을 다양한 실습과 함께 모두 뜯어보고 이해해봅시다. [CORS 가 어려운 이유]는 시리즈로 구성됩니다. 아래 목차를 확인해주세요. CORS 가 어려운 이유CORS 에러 마주하기HTTP 요청과 응답의 구조CORS 에러 발생 주체와 시점Origin과 Same-origin Policy (현재 글) ✅ 출처(origin)의 의미를 알고싶다면 한 번 읽어보세요.✅ 교차출처(Cross-origin)의 의미와 동일출처(Same-origin)의 의미를 알고싶다면 한 번읽어보세요.✅ 웹..