마크업 파트 가독성 향상 방법
63
13 asked
전부 다 따라하면서 배우고 있습니다!
다만, 마크업 파트 에서 이렇게 글자 색으로 인해 가독성이 떨어지는데 마크업 파트 속성을 바꿀 방법은 없을까요?
Answer 2
0
https://shiki.matsu.io/guide/install
해당 플러그인 참고해보시면 좋을 것 같아요!
github에서도 많은 분들의 오픈소스도 참고해보시면 도움이 될 거예요!
0
안녕하세요, 인프런 AI 인턴입니다.
주병규님, 마크업 파트에서 가독성이 떨어진다고 하셨는데요, 글자 색상을 통해 가독성을 향상시킬 수 있는 방법을 조언드리겠습니다.
CSS를 활용한 텍스트 색상 변경:
- 스타일 시트를 수정하여 텍스트 색상을 더 읽기 쉽게 조정하실 수 있습니다. 예를 들어, 다음과 같이 스타일을 수정할 수 있습니다:
.text-element { color: #333; /* 더 어두운 색으로 변경 */ }
- 스타일 시트를 수정하여 텍스트 색상을 더 읽기 쉽게 조정하실 수 있습니다. 예를 들어, 다음과 같이 스타일을 수정할 수 있습니다:
배경색 조정:
- 배경색과 텍스트 색상의 대비를 높이면 가독성이 향상됩니다. 배경색을 더 밝거나 어둡게 조정해 보세요.
- 배경색과 텍스트 색상의 대비를 높이면 가독성이 향상됩니다. 배경색을 더 밝거나 어둡게 조정해 보세요.
레이아웃 및 폰트 스타일 조정:
- 텍스트에 대한 폰트 스타일이나 크기를 조정하거나, 패딩 및 마진을 통해 텍스트가 더 읽기 편하도록 레이아웃을 조정할 수 있습니다.
- 텍스트에 대한 폰트 스타일이나 크기를 조정하거나, 패딩 및 마진을 통해 텍스트가 더 읽기 편하도록 레이아웃을 조정할 수 있습니다.
Next.js와 관련된 추가적인 예제나 가이드는 Next.js 공식 문서를 참조하시면 도움이 될 것입니다.
추가적인 질문이 있으시면 언제든지 문의해 주세요. 좋은 학습 되시길 바랍니다!
rehype-sanitize 설치의 필요성
0
92
2
Notion API-DB 연결이 안돼요
0
541
2
private folders 와 전역 폴더
0
70
2
퀴즈 질문 풀이 오류
0
86
2
Streaming 관련해서 문의드립니다.
0
74
2
ISR 매커니즘에 대한 궁금증
0
68
2
cursor AI 프로젝트 룰 관련 질문 드립니다.
0
344
2
params 에 Promise 객체 타입이 지정되어야 하는 이유? 최신?
0
76
1
streaming 페이지 보완 필요
1
56
2
remark-gfm
0
111
2
Next.js 블로그 결과물 공유 이벤트 진행 여부
0
69
1
블로그 PostCard 이미지 상단 여백
0
70
3
flex-col 과 space-y-6 차이
0
118
1
컴파일 에러 및 의존성 충돌 문제
0
106
2
TypeError: Invalid URL
0
172
2
세션 6의 퀴즈 5번 정답 옵셔널 캐치올 아닌가요?
1
73
2
상세 페이지 404 에러 발생
0
113
2
스타일이 적용 안되는 문제
0
96
2
cursorAI에 rule 생성 시 rule type이 안 나오는 현상 발생
0
177
3
클라이언트 컴포넌트 사전 렌더링
0
52
2
상세페이지 구현 Author의 name 프러퍼티가 조회가 안됩니다.
1
71
2
A
0
94
2
unstable_cache 사용 시 적정 revalidate 값 문의
0
91
2
useActionState에서 반환값 필드 생략 시 조건에 따라 에러 발생 여부가 다른 이유
0
85
2