검색 서비스에서 좋은 품질의 코드를 찾는 은하수 항해 기록
검색 서비스 프런트엔드에서 검색 결과 UI를 큐레이션하는 경험을 공유했습니다. PC와 모바일 코드 통합, 리스팅과 컬렉션 구조를 중심으로 좋은 코드의 기준을 고민했습니다.
#UI/UX#React
1900
필터 1
안전한 로그인 토큰 관리, 프론트엔드의 필수 전략
프론트엔드 토큰 인증에서 Web Storage와 직접 토큰 주입 방식의 위험성을 짚었습니다. 쿠키 기반 관리와 토큰 로테이션으로 보안을 높이는 방법을 소개했습니다.
#React#Next.js
2600
React 전역 상태 관리, 무슨 라이브러리 써야 할까? \:\ Redux, Zustand 특징과 장단점 비교
React 전역 상태 관리가 필요한 이유와 Context API의 한계를 먼저 설명했습니다. 이어서 Redux와 Zustand의 특징, 장단점을 비교해 선택 기준을 정리했습니다.
#React#Redux
4300
React Compiler - 우리는 memo를 잊을 수 있을까요?
React Compiler로 React 코드 최적화를 자동화하는 흐름을 소개했습니다. 개발자의 memo 관리 부담을 줄이는 방향을 설명했습니다.
#React#compiler
4000
JSDoc 200% 써먹기 \:\ JavaScript API 문서화 기수
JSDoc으로 JavaScript 코드의 타입 힌트와 함수 설명을 풍부하게 남기는 방법을 다뤘습니다.프론트엔드에서 협업과 유지보수를 돕는 태그 활용법과 주의점도 정리했습니다.
#JSDoc#JavaScript
3200
Front-end 개발자가 회고하는 기획전 개편
Next.js 기획전 개편에서 HTML 모듈 사이에 기존 상품 카드를 삽입하는 방법을 다뤘습니다. createRoot와 provider 중복 사용의 성능 영향을 측정해 설계 타당성을 검증했습니다.
#Next.js#React
1900
Velopers 추천광고
쿠팡 파트너스
개발자를 위한 인기 상품을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발자#노트북#컴퓨터
if(kakaoAI)2024, FrontEnd 기술 세션 소개
X
#React#모니터링
2300
모닥불 | EP.6 프론트엔드 개발에서 Next.js, 꼭 써야 할까?
프론트엔드에서 프레임워크와 라이브러리의 차이, 그리고 실제 업무에서의 활용 기준을 다뤘습니다. Next.js를 포함한 여러 프레임워크를 언제 써야 할지에 대한 관점을 소개했습니다.
#Next.js#React
3800
상태 관리 라이브러리 vanilla-store
vanilla-store를 만든 배경과 내부 구조를 소개한 글입니다. React 외부 상태 동기화, 선택적 구독, 불필요한 리렌더링 완화가 핵심입니다.
#React#state management
4000
대규모 애플리케이션 상태 관리를 위한 상태 기계 도입기
XState를 도입해 복잡한 예약·웨이팅 연동의 상태 흐름을 선언적으로 관리한 사례를 정리했습니다. 비동기 연동과 시각화의 장점, 그리고 학습 곡선과 보일러플레이트 같은 한계도 함께 다뤘습니다.
#XState#React
5300
React에 디자인 패턴 첨가해보기
React에 디자인 패턴을 적용해보려는 내용을 소개한 글입니다. Vue 경험을 바탕으로 React 개발 관점에서 접근했습니다.
#React#디자인패턴
1900
React : Wijmo 라이브러리로 나만의 Habit Tracker 페이지 쉽게 만들기
X
#React
2100
입사 1개월차 프론트엔드 개발자의 자체 기술 온보딩 : Streaming SSR편
새로 합류한 프론트엔드 개발자가 Streaming SSR 온보딩 과정을 정리했습니다. 기술 도입 배경부터 직접 구현과 협업 학습 방법까지 소개했습니다.
#SSR#Streaming SSR
3900
SEO 톺아보기 – 정말 SSR이 SEO에 좋을까?
SSR이 SEO에 유리한 이유를 크롤링·인덱싱·랭킹 관점에서 설명했습니다. 다만 서비스 성격과 검색 엔진 특성에 따라 CSR도 충분할 수 있으며, SEO는 렌더링 방식 외 요소까지 함께 봐야 합니다.
#SEO#SSR
2600