강의

멘토링

커뮤니티

Inflearn Community Q&A

mrjbk777904's profile image
mrjbk777904

asked

Next.js Complete Mastery (v15): Building a Notion-Based Developer Blog (with Cursor AI)

Blog Detail MDX Rendering

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

Written on

·

52

0

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

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

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

react블로그next.jscursorcursorai

Answer 2

0

gymcoding님의 프로필 이미지
gymcoding
Instructor

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

0

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

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

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

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

  2. 배경색 조정:

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

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

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

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

mrjbk777904's profile image
mrjbk777904

asked

Ask a question