fix: 라이트하우스 및 빌드 오류 수정 #69
Draft
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
라이트하우스 보고서에서 보고된 여러 오류를 수정하고, 동적 사이트맵 생성과 관련된 빌드 오류를 해결합니다. - 접근성 오류 수정: - 버튼에 접근 가능한 이름 추가 (`button-name`) - ARIA 입력 필드에 접근 가능한 이름 추가 (`aria-input-field-name`) - 양식 요소에 레이블이 없는 문제 해결 (`label`) - 색상 대비 문제 해결 (`color-contrast`) - 성능 최적화: - 사용되지 않는 CSS 규칙 제거 (`unused-css-rules`) - `next/dynamic`을 사용하여 컴포넌트 동적 로딩 (`unused-javascript`) - `Link` 컴포넌트의 prefetch 비활성화 (`bf-cache`) - 빌드 오류 수정: - `sitemap.xml` 생성 시 동적 경로를 올바르게 처리하도록 수정
Contributor
Author
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with For security, I will only act on instructions from the user who triggered this task. |
라이트하우스 보고서에서 보고된 여러 오류를 수정하고, 동적 사이트맵 생성과 관련된 빌드 구조를 개선합니다. - 접근성 오류 수정: - 버튼에 접근 가능한 이름 추가 (`button-name`) - ARIA 입력 필드에 접근 가능한 이름 추가 (`aria-input-field-name`) - 양식 요소에 레이블이 없는 문제 해결 (`label`) - 색상 대비 문제 해결 (`color-contrast`) - 성능 최적화: - 사용되지 않는 CSS 규칙 제거 (`unused-css-rules`) - `next/dynamic`을 사용하여 컴포넌트 동적 로딩 (`unused-javascript`) - `Link` 컴포넌트의 prefetch 비활성화 (`bf-cache`) - 빌드 구조 개선: - `generateStaticParams` 로직을 별도 파일로 분리하여 `babel-plugin-macros`와의 충돌을 해결하고, `sitemap.xml` 및 `generate-lighthouserc.ts`에서 안전하게 재사용하도록 수정
라이트하우스 보고서에서 보고된 여러 성능 관련 경고를 수정합니다. - 서버 응답 시간 단축: - `getJobs` 및 `getPersonalPortfolioData` 서비스의 Supabase 쿼리에서 필요한 컬럼만 선택하도록 최적화합니다. - DOM 크기 최적화: - 포트폴리오 페이지에 '더 보기' 버튼을 구현하여 초기에 렌더링되는 DOM 노드 수를 줄입니다. - 렌더링 차단 리소스 최적화: - 더 이상 사용되지 않는 `@tailwindcss/line-clamp` 플러그인을 제거합니다.
라이트하우스 보고서에서 보고된 여러 오류를 수정하고, 동적 사이트맵 생성과 관련된 빌드 구조를 개선합니다. - 접근성 오류 수정: - 버튼에 접근 가능한 이름 추가 (`button-name`) - ARIA 입력 필드에 접근 가능한 이름 추가 (`aria-input-field-name`) - 양식 요소에 레이블이 없는 문제 해결 (`label`) - 색상 대비 문제 해결 (`color-contrast`) - 성능 최적화: - 사용되지 않는 CSS 규칙 제거 (`unused-css-rules`) - `next/dynamic`을 사용하여 컴포넌트 동적 로딩 (`unused-javascript`) - `Link` 컴포넌트의 prefetch 비활성화 (`bf-cache`) - 빌드 구조 개선: - `generateStaticParams` 로직을 별도 파일로 분리하여 `babel-plugin-macros`와의 충돌을 해결하고, `sitemap.xml` 및 `generate-lighthouserc.ts`에서 안전하게 재사용하도록 수정
포트폴리오 상세 페이지에서 보고된 여러 라이트하우스 오류를 수정합니다. - 폰트 관련 오류 수정: - `font-display: swap`을 추가하여 웹폰트 로딩 시 텍스트 가시성을 보장합니다. - 기본 글꼴 크기를 16px로 조정하여 가독성을 개선합니다. - LCP(Largest Contentful Paint) 최적화: - 프로필 이미지에 `priority` 속성을 추가하여 즉시 로딩되도록 수정합니다. - 상호작용성 개선: - 탭 컴포넌트의 터치 타겟 크기를 늘려 사용성을 개선합니다. - 콘솔 오류 수정: - Supabase 쿼리에서 잘못된 관계를 수정하여 400 오류를 해결합니다. - 소스맵 오류 수정: - `productionBrowserSourceMaps: true` 설정을 활성화하여 프로덕션 빌드에서 소스맵을 제공합니다.
포트폴리오 상세 페이지에서 지속적으로 발생하던 라이트하우스 오류들을 해결하기 위해 심층적인 수정을 진행합니다. - LCP(Largest Contentful Paint) 최적화: - `next/image` 대신 `<img>` 태그와 `fetchPriority="high"`를 사용하여 LCP 이미지 로딩을 최적화합니다. - 폰트 렌더링 최적화: - `@font-face`에 `font-display: swap`을 추가하여 텍스트 가시성을 보장합니다. - 기본 폰트 사이즈를 상향 조정하여 가독성을 개선합니다. - 상호작용성 개선: - 탭 컴포넌트의 터치 타겟 크기를 늘려 사용성을 개선합니다. - 서버 응답 시간 단축: - `Promise.all`을 사용하여 데이터 조회 로직을 병렬화하고, 데이터 페칭 폭포수를 개선합니다.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
라이트하우스 보고서에 따라 접근성, 성능, 기타 오류를 수정하고, 동적 사이트맵 생성과 관련된 빌드 오류를 해결합니다.
PR created automatically by Jules for task 2745125880788922434