inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Làm chủ Next.js hoàn hảo: Tạo blog dành cho nhà phát triển dựa trên Notion (với Cursor AI)

Hiển thị chi tiết blog MDX

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

112

mrjbk777904

13 câu hỏi đã được viết

0

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

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

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

react 블로그 next.js cursor cursorai

Câu trả lời 2

0

gymcoding

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

0

communityai8509

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

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

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

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

  2. 배경색 조정:

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

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

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

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

rehype-sanitize 설치의 필요성

0

180

2

Notion API-DB 연결이 안돼요

0

753

3

private folders 와 전역 폴더

0

137

2

퀴즈 질문 풀이 오류

0

149

2

Streaming 관련해서 문의드립니다.

0

130

2

ISR 매커니즘에 대한 궁금증

0

125

2

cursor AI 프로젝트 룰 관련 질문 드립니다.

0

472

2

params 에 Promise 객체 타입이 지정되어야 하는 이유? 최신?

0

121

1

streaming 페이지 보완 필요

1

104

2

remark-gfm

0

177

2

Next.js 블로그 결과물 공유 이벤트 진행 여부

0

115

1

블로그 PostCard 이미지 상단 여백

0

143

3

flex-col 과 space-y-6 차이

0

168

1

컴파일 에러 및 의존성 충돌 문제

0

184

2

TypeError: Invalid URL

0

256

2

세션 6의 퀴즈 5번 정답 옵셔널 캐치올 아닌가요?

1

132

2

상세 페이지 404 에러 발생

0

185

2

스타일이 적용 안되는 문제

0

174

2

cursorAI에 rule 생성 시 rule type이 안 나오는 현상 발생

0

251

3

클라이언트 컴포넌트 사전 렌더링

0

89

2

상세페이지 구현 Author의 name 프러퍼티가 조회가 안됩니다.

1

119

2

A

0

130

2

unstable_cache 사용 시 적정 revalidate 값 문의

0

135

2

useActionState에서 반환값 필드 생략 시 조건에 따라 에러 발생 여부가 다른 이유

0

118

2