LogoSEO Jing
  • All Posts
  • SEO Jing
  • KD Team
  • CLab CoreTeam
  • Study

Contact Me

© 2026 SEOJing. All rights reserved.

DevLogSEO Jing

Day 8 - 아티클 퀴즈와 스터디 자료

2026년 3월 21일·1분 읽기

아티클 퀴즈 디자인시스템

스터디 자료에 퀴즈를 넣고 싶어서 ArticleQuiz 디자인시스템 컴포넌트를 구현했다. 객관식(multiple)과 서술형(description) 두 가지 모드를 지원한다.

객관식은 선택지를 클릭하면 정답/오답 피드백이 나오고, 서술형은 토글로 정답을 확인할 수 있다. MdxRenderer에 매핑해서 MDX에서 바로 쓸 수 있게 했다.

구현하면서 ArticleImage 컴포넌트도 같이 수정했다. 이미지 사이즈 옵션을 정리하고, 레이아웃 관련 코드를 깔끔하게 정리.


React Children API 포스트

퀴즈 컴포넌트를 만들면서 React.Children API를 깊게 파게 됐다. 그래서 아예 블로그 포스트로 정리했다.

React Children API

스터디 대면 자료

씨랩 스터디 1주차 대면 자료와 HTML/CSS 기초 자료를 작성했다. 이미지도 정리하고, 포스트 메타데이터도 수정. 이제 모레(03.23)가 첫 대면인데, 보여줄 컨텐츠가 꽤 됐다.

포스트 목록

/SEOJing/devLog
파일 14개, 폴더 1개
Day 1 - 디자인 컨셉과 디자인 시스템Day 2 - 블로그 스켈레톤과 MDX 파싱Day 3 - MDX 이슈, 반응형, 다크모드Day 4 - 배포와 CI/CDDay 5 - shiki 제거, MDX 모듈화, 그리고 대량 포스팅Day 6 - 스터디 자료 작성과 데스크탑 비율 수정Day 7 - Front Matter CMS와 관련 게시물 탐색기Day 8 - 아티클 퀴즈와 스터디 자료Day 9 - 프레젠테이션 모드, 코드블럭 개선, 테스팅Day 10 - 프레젠테이션 모드 안정화Day 11 - 프레젠테이션 확대 기능, FullscreenView 개선Day 12 - 테스트 커버리지 개선, 모바일 프레젠테이션 버그 2건 수정기술 블로그를 직접 제작하게 된 이유왜 자꾸 프로젝트가 중단되는지