최근 프로젝트에서 TypeScript 7.0과 Next.js 16.3 버전 업그레이드를 진행하면서 기존 정적 분석 및 포맷팅 도구였던 ESLint 생태계와의 호환성 문제와 느린 실행 속도를 해결하기 위해 Rust 기반 초고속 툴체인인 Biome으로 도구를 교체했습니다.그 과정에서 경험한 설정 노하우와 도입 후기를 공유합니다.1. Biome을 도입하게 된 이유최신 TypeScript 7 호환성: `@typescript-eslint` 패키지의 공식 지원을 기다리는 대신, 자체 파서로 TypeScript/TSX를 직접 분석하는 독립적인 도구가 필요했습니다.통합 툴체인 (Linter + Formatter): ESLint와 Prettier를 조합하는 복잡한 플러그인 설정 없이 단일 바이너리로 린팅과 코드 포맷팅을..

그동안 AI 서비스가 계속 발전해서 chatgpt, copilot, grok, gemini 등이 나왔고 이것이 개발도구에 들어오기 시작했다. 많은 사람들이 너무 좋다고 계속 추천을 하는데 나는 유료버전을 안써서 그런지 별로 좋은 경험은 아니었다. intelliJ, vscode에서 copilot agent, gemini agent를 사용했었는데 ide 문제인지 내가 익숙하지 않아서 그런지 모르겠지만 뭔가 모르게 불편했고 그냥 내가 원하는대로 되지가 않았다. 그래서 좋다는 사람들은 어떻게 쓰나 궁금했는데 vibe코딩이라는 말이 나오기 시작했다.vibe코딩은 뭔가 정확한 지시를 하는게 아니라 기획초기 아이디어 던지듯이 요구사항을 툭툭 던지면서 하는 코딩을 말하는 것 같았다. (사람들이 하는거 보니까 그렇게 하..

오랜동안 업데이트하지 않았던 fe 프로젝트의 라이브러리를 최신화하는 작업을 했는데 이상한게 보였다. @types/axios를 0.14.0 버전을 사용하고 있는데 0.9.36이 최신버전이라며 업데이트를 하라는거다. 업데이트 가능 목록에 계속 나오는게 싫어서 별차이 있겠나 싶어 0.9.36으로 재설치를 했다. 그랬더니 axios를 사용하는 모든 부분에서 에러가 발생하기 시작했다.한참을 이랬다 저랬다 하다가 npm 사이트에 들어가서야 발견했다. axios 자체에서 type을 제공하니 0.14.x 를 deprecated 시켜버렸던 것이다. 아마도 이렇게 잘못 설치하도록 해서 사용하면 안된다는 것을 알게해주려고 이렇게 한 것 같다는 생각이다. 물론 이걸 찾기 전까지는 조금 짜증났지만...

python3이면 다 똑같은 줄 알았는데 3.10, 3.11, 3.12, 3.13까지 조금 다른 부분이 있었다. 이미 만들어진 어떤 모듈을 사용하려고 보니 python 3.13에서는 동작하지 않았다. 뭔가가 바뀌었다보다. 그래서 여러가지 버전의 python을 사용할 수 있도록 pyenv을 사용하려고 한다. 현재 맥OS에는 기본적으로 python3.11.1이 설치되어 있다. 기본 버전은 그대로 두고 pyenv로 원하는 python을 설치해서 사용하도록 설정했다.먼저 pyenv를 설치해야한다. 여러가지 방법이 있는데 homebrew로 설치하기로 했다.❯ brew install pyenvpyenv만 설치하면 설치된 python은 없는 상태다. python 3.11.10을 설치하려면 homebrew처럼 inst..

회사에서는 java를 많이 쓰지만 집에선 거의 java를 쓰지 않는다. 그래도 ubuntu나 mac에는 기본으로 설치가 되어 있으니 그냥 썼는데 최근 mac에는 java가 없다. 그래서 설치하면서 설치방법을 정리해본다.다운로드일단 openjdk를 설치하려고 하는데 어디서 설치를 해야하는지 찾아봤다. 먼저 openjdk 웹사이트에서 시작했다. 다운로드 하려면 jdk.java.net으로 가라고 한다. 지금은 23이 GA 상태지만 가장 최근 버전인 것 같고 archive 페이지에 모든 버전이 다 있다. lts 버전인 21이랑 23을 써보기로 한다.설치mac에서는 /usr/libexec/java_home 을 통해서 java 위치를 결정한다. ❯ /usr/libexec/java_homeThe operation c..