SEO 개선 초심자 가이드
검색 콘솔, 사이트맵, robots.txt, 메타데이터로 크롤링과 색인 관리를 안내합니다.\n중복 URL·오류 페이지를 정리하고 Lighthouse 기반 성능 개선도 제안합니다.
#SEO#traffic
000
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
React의 Error Boundary를 이용하여 효과적으로 에러 처리하기
React의 Error Boundary를 이용하여 효과적으로 에러 처리하기
React Error Boundary로 렌더링 에러와 API 에러를 선언적으로 처리하는 구조를 소개했습니다. 제한된 범위의 ApiErrorBoundary와 전역 GlobalErrorBoundary로 재시도 UX까지 구성했습니다.
#React#error boundary
4800
KURLY 현직자가 직접 뽑은 직무별 핵심 키워드를 소개합니다!
컬리 LIVE 직무 토크쇼에서 현직자가 직무별 핵심 역할과 역량을 소개했습니다. 프로덕트·개발·데이터·DevOps 분야의 주요 기술 키워드를 정리했습니다.
#UI/UX#Next.js
000
KURLY 현직자가 직접 뽑은 직무별 핵심 키워드를 소개합니다!
컬리 LIVE 직무 토크쇼에서 현직자들이 뽑은 직무별 핵심 키워드를 정리했습니다. 프로덕트, 디자인, 개발, 데이터, 컬리페이 직무의 중요 역량을 간단히 소개했습니다.
#React#TypeScript
4500
Next.js 프로젝트 Migration과 Refactoring 과정을 공유합니다.
Next.js v9 기반 레거시 프로젝트를 v12로 마이그레이션하고, SWC와 import 최적화로 성능을 개선했습니다. 또한 Moment.js를 Day.js로 교체하며 번들 크기를 줄이고 리팩터링 안정성을 높였습니다.
#Next.js#React
2500
새로운 컬리몰 NX를 소개합니다.
고도몰 기반 컬리몰을 Next.js 기반 NX로 전환하며 상품·주문·회원 서비스를 재구축했습니다. SSR, Lint, 빌드 캐시, PR 성능 테스트로 성능과 코드 품질을 개선했습니다.
#Next.js#React
000
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
새로운 컬리몰 NX를 소개합니다.
컬리몰 웹프론트팀의 NX 전환 과정을 소개한 글입니다. 레거시를 걷어내며 성능 개선, URL 통합, 코드 품질 강화를 이뤘습니다.
#Next.js#React
4100
Next/Image를 활용한 이미지 최적화
Next/Image로 지연 로딩·WebP 변환·반응형 이미지를 적용해 이미지 전송량과 로딩 시간을 줄였습니다.\n`sizes`와 srcSet 설정을 조정해 과도한 고해상도 요청 및 최초 생성 지연을 해결했습니다.
#Next.js#Next/Image
000
Next/Image를 활용한 이미지 최적화
Next/Image를 활용한 이미지 최적화
Next/Image로 lazy loading, WebP 변환, placeholder를 적용해 이미지 전송량과 로딩 시간을 줄였습니다.\nlayouts와 sizes 설정을 조정해 과도한 고해상도 요청 및 이미지 생성 비용을 해결했습니다.
#Next.js#Next/Image
3700
신입 웹프론트엔드 개발자 2개월 차 후기
신입 웹프론트엔드 개발자 2개월 차 후기
2개월 온보딩에서 Next.js 렌더링, 모노레포, Storybook의 동작과 활용 방식을 학습했습니다.\n빌드·배포·협업 흐름을 경험하고 온보딩 문서화와 과제 구성 개선점을 제안했습니다.
#Next.js#SSG
3800
7주 차 신입 프론트엔드 개발자, 온보딩 적응기
7주 차 신입 프론트엔드 개발자, 온보딩 적응기
7주 온보딩에서 Angular와 RxJS를 학습하고 코드 리뷰·스크럼으로 실무 적응 경험을 공유했습니다. 공식 문서 정독, 학습 기록 체계화, IDE 메모리 조정의 개선점을 정리했습니다.
#Angular#RxJS
2600
React 18: 리액트 서버 컴포넌트 준비하기
React Server Components가 데이터 요청 waterfall과 번들 크기를 줄이는 방식을 설명했습니다. SSR과의 차이, 컴포넌트 분류 및 제약 조건도 정리했습니다.
#React#React Server Components
1200
Runtime 환경 변수 설정으로 빌드 프로세스 개선하기
Next.js 빌드 타임 환경 변수의 환경별 빌드 문제를 분석했습니다. `window.__ENV` 스크립트로 런타임 주입하는 방식을 구현했습니다.
#Next.js#환경 변수
000
Runtime 환경 변수 설정으로 빌드 프로세스 개선하기
Runtime 환경 변수 설정으로 빌드 프로세스 개선하기
Next.js의 빌드 타임 dotenv 주입으로 환경별 빌드가 필요한 문제를 분석했습니다.\npublic 스크립트와 window 객체를 활용한 런타임 환경 변수 주입 방식을 구현했습니다.
#Next.js#dotenv
3100