Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Fix] Next.js 개발 환경 성능 및 스타일 로딩 이슈 #101

Open
red-dev-Mark opened this issue Jan 26, 2025 · 0 comments · May be fixed by #103
Open

[Fix] Next.js 개발 환경 성능 및 스타일 로딩 이슈 #101

red-dev-Mark opened this issue Jan 26, 2025 · 0 comments · May be fixed by #103
Assignees
@red-dev-Mark
Labels
🐛 Fix 버그 수정 작업
Milestone
버그 수정

Comments

@red-dev-Mark
Copy link
Collaborator

🐞 설명

1. 코드 저장 시 스타일 적용 중단

  • CSS 파일 404 에러 발생
  • Hot Reload 시 스타일 초기화

2. 입력 지연 및 성능 저하

  • 입력 핸들러 지연 (1200ms+)
  • Forced reflow 발생
  • Non-passive event listener 경고

💡 해결 방법

  • Next.js HMR(Hot Module Replacement) 이슈
  • Event Handler 최적화 필요
  • 불필요한 리렌더링

🌏 환경

No response

📝 메모

1. 코드 저장 시 스타일 적용 중단

Image

2. 입력 지연 및 성능 저하

Image
@red-dev-Mark red-dev-Mark added the 🐛 Fix 버그 수정 작업 label Jan 26, 2025
@red-dev-Mark red-dev-Mark self-assigned this Jan 26, 2025
red-dev-Mark added a commit that referenced this issue Jan 27, 2025
@red-dev-Mark
fix: InspectionStatus 컴포넌트 내부 인터페이스 export 제거를 통한 Fast Refresh 동작 개선 (#…
e0a8c72 
…101)

- 컴포넌트 내부 다른 export 존재 시, Fast Refresh 동작에 문제
red-dev-Mark added a commit that referenced this issue Jan 27, 2025
@red-dev-Mark
chore: 빌드 시, document 객체에 접근하지 못하는 원인 파악 테스트 (#101)
4781cdd
red-dev-Mark added a commit that referenced this issue Jan 27, 2025
@red-dev-Mark
feat(map): Map 컴포넌트 동적 import 사용을 위한 컴포넌트 분리 (#101)
da74099
red-dev-Mark added a commit that referenced this issue Jan 27, 2025
@red-dev-Mark
fix: Hot Reload 시 스타일 초기화 문제 해결 (#101)
022ae55 
- 동적 import와 HMR 시, 스타일 초기화 문제
- Location 전체 페이지에서 Map 컴포넌트로만 동적 import 영역 수정
@red-dev-Mark red-dev-Mark linked a pull request Jan 27, 2025 that will close this issue
[Fix] Next.js HMR 스타일 초기화 문제 해결 #103
Open
5 tasks
red-dev-Mark added a commit that referenced this issue Jan 27, 2025
@red-dev-Mark
chore: 빌드 document 객체 접근 오류 해결을 위해 Modal 컴포넌트 포탈 비활성화 (#101)
7f6c77f
@nanafromjeju nanafromjeju added this to the 버그 수정 milestone Jan 27, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@red-dev-Mark red-dev-Mark

Labels
🐛 Fix 버그 수정 작업
Projects
None yet
Milestone
버그 수정
Development

Successfully merging a pull request may close this issue.

[Fix] Next.js HMR 스타일 초기화 문제 해결 Kernel360/KDEV3_monicar_FE
2 participants
@red-dev-Mark @nanafromjeju