자바스크립트 마크다운 프리뷰어 만들기: 정규표현식으로 구현하는 실시간 에디터

안녕하세요! 개발자라면 깃허브(GitHub)나 벨로그(Velog)에서 글을 쓸 때, 왼쪽 창에 마크다운 기호를 입력하면 오른쪽 창에 즉시 예쁘게 변환된 화면이 나타나는 경험을 해보셨을 겁니다. 오늘은 외부 라이브러리 없이 순수하게 자바스크립트 마크다운 프리뷰어를 제작하며, 그 이면에 숨겨진 텍스트 파싱과 정규표현식의 원리를 깊이 있게 파헤쳐 보려고 합니다. 특히 단순히 글자를 바꾸는 것을 넘어, 브라우저가 텍스트를 어떻게 구조적으로 이해하게 만드는지 … 더 읽기

정규표현식 활용: 글자 수 세기 및 단어 빈도 자바스크립트 텍스트 분석기 제작 가이드

안녕하세요! 저번 [15번째 프로젝트: 객체 매핑으로 설계한 자바스크립트 단위 변환기 (Unit Converter)] 글에 이어서 오늘은 자바스크립트 텍스트 분석기를 제작하여 블로그를 작성해보려고 합니다. 우리는 일상 속에서 수많은 텍스트를 마주합니다. 블로그 포스팅을 작성할 때, 자기소개서를 준비할 때, 혹은 중요한 리포트를 제출할 때 우리는 항상 ‘글자 수’라는 물리적인 제약과 ‘단어 선택’이라는 질적인 고민을 동시에 하게 됩니다. 단순히 글자 … 더 읽기