@itsmo
배운 것을 잊지 않기 위해 틈틈히 기록합니다.

Storybook 컴포넌트에 Next.js에서 적용했던 로컬 폰트 그대로 적용하기 (feat. Tailwind)

March 19, 2024

본 글은 Next.js@14.1.3 + Tailwind@3.3.0 + Storybook@8.0.1 기준으로 작성되었습니다. 버전이 다를 경우 본 설정과 달라질 수 있습니다. Next.js + Tailwind 조합으로 Storybook을 사용하던 중 컴포넌트에 폰트 적용이 제대로 되지 않는 이슈가 있었다. 현재 페이지의 폰트는 최상위 레이아웃에 Next.j…


mise: 런타임을 버전 별로 관리하여 프로젝트마다 버전 설정하기

March 14, 2024

들어가기 전에: 본 게시글의 모든 명령어는 Windows Subsystem for Linux 2(WSL2) Ubuntu 22.04에서 진행되었습니다. macOS나 여타 Linux 환경에서는 명령어가 다를 수 있습니다. 진행하는 프로젝트가 많아지면서 프로젝트 별로 개발 버전이 다른 경우가 종종 생긴다. 현재 진행 중인 프로젝트의 버전이 이라면 새로운 프…


[OOP] 우리는 왜 List list = new ArrayList(); 라고 쓰는가

July 25, 2023

개요 우리는 왜 인스턴스를 선언할 때 타입을 클래스 대신 인터페이스로 선언할까? import 두 번 하기 귀찮은데… 와 같은 객체 지향 언어에서 다양한 자료구조를 사용하다 보니 문득 의문이 든다. 나 과 같은 자료구조를 사용할 때, 어째서 우리는 아래와 같이 클래스 대신 인터페이스 타입으로 선언해서 사용할까? 그냥 사용하고자 하는 클래스 그대로 선언하여 …


[VanilaJS] Web Speech API를 활용한 음성인식 게임 개발 회고

July 03, 2023

2023년 5월 24일부터 5월 30일까지 약 일주일 간 진행한 바닐라 자바스크립트 기반 개인 프로젝트를 회고해보고자 한다. 어째서 이 프로젝트가 시작되었는가 하는 이야기부터, 프로젝트를 진행하면서 겪었던 여러 가지 장애들을 되짚어보며 무엇을 습득했는지 톺아보자. 결과물 빠르게 구경하기 사건의 발단 자바스크립트 교육이 끝나고, //를 이용한 간단한 자기소…


[Algorithm] Implementation (구현)

January 28, 2023

이 포스팅의 목표는 필자가 알고리즘을 공부하며 습득한 내용을 정리하는 데 있습니다. 따라서 틀린 내용이 있을 수 있습니다. 틀린 내용을 발견하신 경우 댓글로 지적해 주시면 감사하겠습니다. 1. 서론 구현은 엄밀히 말해 알고리즘은 아니다. 코딩 테스트에서의 구현은 머릿속에 있는 알고리즘을 소스코드로 바꾸는 과정을 말한다. 이렇게만 말하면 '모든 코딩 테스…


[Algorithm] Greedy Algorithm (그리디 알고리즘, 탐욕법)

January 08, 2023

이 포스팅의 목표는 필자가 알고리즘을 공부하며 습득한 내용을 정리하는 데 있습니다. 따라서 틀린 내용이 있을 수 있습니다. 틀린 내용을 발견하신 경우 댓글로 지적해 주시면 감사하겠습니다. 1. 서론 그리디 알고리즘은 단순 무식하게, 현재 상황에서 최선의 선택만을 하는 알고리즘이다. 그리디 알고리즘은 매 순간 최선의 선택만을 하므로, 이후의 상황에 대해서…


🎉 블로그 시작

December 12, 2022

1. 블로그를 시작하려는 이유 나는 글 쓰는 데 흥미가 없다. 몰입감 있게 글을 쓰지도 못할뿐더러, 무언가를 기록하는 행위 자체가 무의미하다고 생각했기 때문이다. 중요한 것은 머릿속에 저장해두면 그만이고, 만약 잊어버린다면 그건 나에게 있어 중요한 것이 아니었을 거라는 말도 안 되는 자기합리화가 있었다. 1-1. 인간은 망각의 동물이거늘 하지만 인간은 …