dev_in 개발 블로그

  • 홈
  • 태그
  • 방명록

2026/05/08 1

공통 컴포넌트 스타일 고정이 만든 문제 해결

1차 배포 이후, UI 수정 및 코드 다듬기 작업을 하고 있었습니다. 홈 페이지의 로고의 크기를 반응형 별로 만들어 두지 않고 모바일 크기 하나로 통일해둬서 pc 브라우저 환경에서 로고 크기가 작아보였습니다.UI를 수정하고자 로고 컴포넌트에서 로고의 크기를 키웠습니다.// 기존 코드className='h-10'// 수정 후 코드className='h-12 md:h-16 lg:h-20'그러나 수정 후 예상치 못한 문제가 발생했습니다. 1. 문제 상황레시피 상세 페이지 헤더에서도 동일한 로고 컴포넌트를 사용하고 있었기 때문에, 헤더 UI까지 함께 커져 레이아웃이 무너졌습니다. 2. 원인 분석문제의 핵심은 공통 컴포넌트 내부에 특정 페이지 전용 스타일이 고정되어 있었다는 점 입니다.// 반응형을 추가한 로고 ..

개인 프로젝트 MenuMate 2026.05.08
이전
1
다음
더보기
프로필사진

dev_in 개발 블로그

dev_in님의 개발 공부 블로그 입니다.

  • 분류 전체보기 (89) N
    • 코딩 테스트 공부 (12)
    • 프로젝트 최종 회고록 (2)
    • 개발 관련 토막지식 (39)
    • 코드잇 중급 프로젝트 데일리 회고록 (9)
    • 코드잇 심화 프로젝트 회고록 (4)
    • 최종 프로젝트 리팩토링 (2)
    • 개인 프로젝트 MenuMate (21) N

Tag

메서드, props, 렌더링 관리, 리액트, 자바스크립트 메서드, 개발 팀프로젝트, 자바스크립트 메소드, 성능 최적화, 코딩 테스트, 브라우저 환경, auto batching, 개발관련 토막지식, 프론트엔드, 개발공부, 웹, 자바스크립트, 배열, 무한 데이터 스트림 생성, 정규 표현식, 자바스크립트 문법,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/05   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바