컨텐츠
console.log만 쓰지 말고 더 다양하게 쓰기
console 객체는 Node.js 환경이나 웹 브라우저 환경에서 개발을 하며 매우 빈번하게 사용하는 API입니다. 그 중에서도 애용되는 건 console.log()지요. 그런데 console 객체에는 log() 뿐만 아니라 유용한 메서드가 여러 개 있습니다. 이들을 활용하면 로그로 디버깅하는 효과와 효율이 좋아집니다. 이 글은 Console API 내용을 소개하며, 이 API는 Node.js와 웹 브라우저 모두 사용 가능합니다.
Django의 모델단에 Async 사용하기
비동기 동작이 정말 필요한 계층은 매우 빈번하게 I/O가 일어나는 데이터베이스 계층입니다. 그리고 Django의 데이터베이스 계층에서 비동기 동작을 사용하며 여러 시행착오를 겪게 됩니다. 이번 컨텐츠에서는 가장 빈번하게 접하는 시행착오를 살펴보고, 우회 방법이 아닌 정확한 문제 대응 방법을 알아보겠습니다.
Python Doctest로 함수의 테스트 코드 작성하기
Python의 Docstring을 알아보고, Docstring을 활용해 테스팅을 수행하는 Doctest도 살펴볼게요. Docstring과 Doctest를 사용해 문서와 테스트 코드, 구현의 응집도를 높여보아요. 😁
크롬 브라우저에 내장된 AI API를 사용해서 웹페이지 요약해보기
크롬 127 이상 버전부터 크롬 브라우저에 기기탑재(On-Device) AI가 적용됩니다. AI 모델은 Gemini Nano로 굉장히 작지만 성능이 제법 좋지요. 사용해보니 몇 가지 아쉬운 점은 있지만, 기기탑재 AI가 성큼 우리 곁에 온 걸 체감했습니다. 이 AI API를 이용해 웹페이지를 3줄 요약하는 동작을 구현해보겠습니다.
HTML 문서를 확장하다, htmx
htmx는 동적 웹 페이지를 만드는 JavaScript 라이브러리로, 작고 사용하기 쉬운 도구입니다. 웬지 HTML Extension을 htmx로 줄인 이름같지 않나요? 실 유래가 무엇이든, htmx의 큰 매력은 기존 HTML을 확장하여, JavaScript를 적게 사용하면서도 동적인 웹 페이지를 쉽게 만들 수 있다는 점이에요. 분명 JavaScript로 동작하는 건데, 마치 HTML 자체에 기능을 추가한 것처럼 HTML 문서를 작성하듯이 동적인 웹 페이지 기능을 구현할 수 있지요.