일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- WebDev
- frontend
- 개발자성장
- react
- 백준
- NextJs
- 백준1264
- 리액트
- 그룹단어
- Design system
- 모음의개수
- 개발
- 개발공부
- securitypatch
- 코드개선
- 리액트쿼리
- jotai
- Nest.js
- 웹개발
- React Query
- 개발블로그
- prettier
- Next.js
- 알고리즘스터디
- nextjsmiddleware
- 알고리즘
- 웹프로토콜
- 프론트엔드
- TypeScript
- 디자인 시스템
- Today
- Total
목록리액트 (2)
한땀한땀

Biome이란?들어가기 앞서 Biome에 대해 제가 이해하고 있는 선에서 대략적인 설명을 하고자 합니다.Biome은 JavaScript/TypeScript 생태계를 위한 올인원 도구입니다. 기존에 따로 사용하던 ESLint, Prettier, Babel, Stylelint 등을 하나의 빠르고 일관된 툴로 대체할 수 있는 것을 목표로 합니다.LintingFormattingCode Transformation빠른 실행 속도 (Rust 기반)간결한 설정 방식Biome의 개념이나 구성 요소에 대한 더 자세한 내용은 공식 문서를 참고하세요. 배경: ESLint + Prettier에서 Biome으로기존에 사용하는 ESLint와 Prettier 대신 Biome을 도입해 보기로 했습니다.하나의 도구로 Lint + For..
현재 회사의 프로젝트는 Next.js 13을 기반으로 개발되었으며, 최신 버전인 Next.js 15로 마이그레이션을 결정하였다. 왜 진행했는가?최신 기능 및 성능 개선최신 React 및 Next.js의 최적화 기능을 활용할 수 있다.더 빠른 빌드 및 서버 렌더링 속도를 기대할 수 있다.Hydration error 관련 개선이 이루어져, 구체적인 소스 코드 및 해결 방법을 제시해주기 때문에 디버깅에 좀 더 수월해질 것 같다.App Router 정식 지원 및 서버 컴포넌트 활용Next.js 13에서 실험적으로 도임된 app 디렉토리 기반의 라우팅이 Next.js 15에선 더욱 안정적으로 지원되고, 서버컴포넌트를 활용하여 코드를 좀 더 직관적이고 간결하게 유지할 수 있을 것 같다. 기존 Pages 라우터에서..