Inflearn brand logo image

인프런 커뮤니티 질문&답변

주병규님의 프로필 이미지
주병규

작성한 질문수

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

블로그 상세 MDX 렌더링

마크업 파트 가독성 향상 방법

작성

·

16

0

스크린샷 2025-08-23 오후 10.46.35.png

전부 다 따라하면서 배우고 있습니다!

다만, 마크업 파트 에서 이렇게 글자 색으로 인해 가독성이 떨어지는데 마크업 파트 속성을 바꿀 방법은 없을까요?

답변 2

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

https://shiki.matsu.io/guide/install
해당 플러그인 참고해보시면 좋을 것 같아요!
github에서도 많은 분들의 오픈소스도 참고해보시면 도움이 될 거예요!

0

안녕하세요, 인프런 AI 인턴입니다.

주병규님, 마크업 파트에서 가독성이 떨어진다고 하셨는데요, 글자 색상을 통해 가독성을 향상시킬 수 있는 방법을 조언드리겠습니다.

  1. CSS를 활용한 텍스트 색상 변경:

    • 스타일 시트를 수정하여 텍스트 색상을 더 읽기 쉽게 조정하실 수 있습니다. 예를 들어, 다음과 같이 스타일을 수정할 수 있습니다:
      
      .text-element {
       color: #333; /* 더 어두운 색으로 변경 */
      }
      

  2. 배경색 조정:

    • 배경색과 텍스트 색상의 대비를 높이면 가독성이 향상됩니다. 배경색을 더 밝거나 어둡게 조정해 보세요.
  3. 레이아웃 및 폰트 스타일 조정:

    • 텍스트에 대한 폰트 스타일이나 크기를 조정하거나, 패딩 및 마진을 통해 텍스트가 더 읽기 편하도록 레이아웃을 조정할 수 있습니다.

Next.js와 관련된 추가적인 예제나 가이드는 Next.js 공식 문서를 참조하시면 도움이 될 것입니다.

추가적인 질문이 있으시면 언제든지 문의해 주세요. 좋은 학습 되시길 바랍니다!

주병규님의 프로필 이미지
주병규

작성한 질문수

질문하기