전체 글

React 19가 정식으로 출시된지 꽤 되었지만, 나는 아직도 18에 머물러있거나 ..혹은 오히려 그 이후의 기능에 머물러 있는것만 같은 느낌이 들어서 이번 기회에 React 19 주요 기능을 살펴보고 실무에서 어떻게 사용하거나 하면 좋은지 정리해보려고 한다. 이게 약간 쭉 훑어보니까, React 19는 성능 최적화에 칼을 간 느낌이었다.이제 useCallback, useMemo 안 써도 돼요. (정말?)정말 재밌었던 점은, 성능 최적화로 우리가 너무 당연하게도 생각하는 useCallback, useMemo, memo 와 같은 API는 이제 React 19에서는 컴파일러 기능 덕분에 그냥 작성을 해도 성능 최적화가 된다고 한다.뭐.. 하지만 아직은 시기상조라는 느낌이 있긴하다. 물론 우리가 useCall..

프론트엔드 개발을 하다보면 대용량 데이터를 리스트로 보여주거나 많은 양의 데이터를 테이블 등 보여줘야하는 로직이 생긴다.이럴 때에는 렌더링 이슈가 일어나기 쉽고 성능 이슈가 필수적으로 일어난다고 생각하는데,이럴 때 사용하는 것이 가상화 이다.일단, 가상화란 무엇이고 어떤 원리일까? 가상화 (Virtualization)리스트 가상화란, 화면에 보이는 데이터만 렌더링하고 보이지 않는 요소는 DOM에서 제거하여 렌더링 성능을 극대화 하는 기법이다. 주로 많이 쓰이는 라이브러리는- react-window- react-virtualized- RecycleListView 나는 react-virtualized를 사용했다. 특히 무한스크롤 기법을 사용하면 DOM에 무한한 요소들이 쌓이기때문에 성능 저하를 유발하기 쉬..

리액트 18에서 사용하는 코드 스플리팅 기법을 정리할 필요성이 있어서 포스팅을 하게 되었다.코드 분할이란 리액트 애플리케이션에서 코드의 일부분을 나눠서 필요한 시점에 로드하는 방식이다.약간 청크 방식으로 작은 청크로 애플리케이션을 나누면서 초기 로드 시에 필요한 자바스크립트 크기를 줄인다. 당연히 렌더링 속도도 빨라지고 네트워크 환경이 느릴 때서도 비교적 빠르게 응답할 수 있다. 좋은 점은, 사용자가 필요로 하지 않는 코드는 나중에 로드되며, 상호작용할 때만 필요한 코드가 동적으로 로드되어 매끄러운 사용자 경험을 제공한다. 비교적 덜 중요한 리소스라면 나중에 로드될 수 있어 성능 최적화에 도움이 된다. 그렇다면 코드 분할 과정에 사용하는 것들은 뭐가 있는 지 알아보도록 하자. useTransition 훅..

JavaScript/TypeScript 생태계에 최적화된 도구NxNx는 강력한 의존성 분석과 캐싱, 시각화 도구를 제공하는 모노레포 솔루션입니다. 중대규모 프로젝트에 적합하며 빌드 성능이 매우 뛰어납니다. 다만 설정이 다소 복잡하고 학습 곡선이 있습니다. 다양한 프레임워크를 지원하고 확장성이 뛰어나 프로젝트가 성장함에 따라 잘 확장됩니다. CI/CD 파이프라인과의 통합이 우수하고 활발한 생태계를 가지고 있습니다.TurborepoTurborepo는 설정이 간단하고 빠른 빌드 성능을 제공합니다. 소규모에서 중규모 프로젝트에 이상적이며, 설정이 매우 간단해 진입 장벽이 낮습니다. 클라우드 캐싱을 지원하고 작은 프로젝트에서 시작해 확장하기 좋습니다. Nx에 비해 기능이 덜 다양하지만, 대부분의 필요한 기능을 제..

스크래치 (scratch) 란 무엇인가 - 스크래치는 교육용 비주얼 프로그래밍 언어로, 전 세계 초중등 교육에서 프로그래밍 입문 도구로 활용되고 있음 핵심 특징1. 블록 기반 프로그래밍 : 텍스트 코딩 대신 끌어다 놓는 방식의 직관적인 인터페이스2. 시각적 피드백 : 코드 실행 결과를 즉시 확인 가능3. 다양한 미디어 지원 : 그래픽, 사운드, 애니메이션 등 통합 환경을 제공4. 교육적 설계 : 사용자가 변수, 반복문, 조건문, 함수 등 프로그래밍의 기본 개념을 직관적으로 학습할 수 있도록 도와줌 스크래치 프로젝트의 현재 구조스크래치는 오픈소스로서 물리적으로 여러 개의 독립적인 저장소로 분리되어 있지만, 기능적으로는 모노레포처럼 동작하는 독특한 구조를 가지고 있음https://github.com/scra..

나의 블로그 글 못해도 3분의 1을 차지하는 트레이드 마크인 회고글을 아마 올 해 8-9월부터 작성하고 있지 않았다.그 이유는 회사 일이 좀 바빴어서 (라고 해두자. 그냥 한 번 놓치니까 까먹었음) 그래서 겸사 겸사 12월 30일인 2024년을 이틀 남겨두고 전체적인 2024년 마무리 회고를 해보려고 한다. 사실 나는 작년 2023년에는 많이 방황을 했다. 뭐랄까 얼마 다니지 않은 회사를 2월에 그만 두고 천안에서 서울로 올라와서 잠시 쉬는 시간을 가졌었던 것 같다.정신을 차리자고 마음 먹었던 것은 정보처리기사 자격증을 준비한 시점 부터였다. 4개월 정도 놀고 6월부터 정보처리기사 자격증을 준비했었다. 그렇게 필기를 간당간당하게 합격했고, 본격적으로 취업을 준비한 것 같다. 개발자 현실이 이렇게 암담할 ..